profile
무엇이든 할 수 있고, 무엇이든 될 수 있는
post-thumbnail

Google Clone 해보자

자세히 들여다보면 이런 느낌.기가 막힌 기술을 쓰거나 배운 내용을 모두 다 갈아 넣었다고 생각하진 않는다. 하지만 HTML, CSS 초짜에게 이정도는 꽤나 발전된 모습인 것 같다!헷갈리거나 어려운 부분, 검색을 통해서 새로 얻은 정보들은 코드 안에 주석으로 처리해두었다

2021년 6월 7일
·
0개의 댓글
·

웹페이지의 레이아웃을 구성하기 위해 공간을 분할하는 태그

공간을 분할할 수 있는 태그에는 이 있다. 태그는 어떠한 의미도 가지고 있지 않기 때문에 HTML5에서 새롭게 추가된 시맨틱 태그를 사용하는 것이 더 나은 방법이다. HTML5에서 새롭게 추가된 레이아웃 시맨틱 태그 참고 (링크 클릭!!)

2021년 5월 27일
·
0개의 댓글
·

사용자와의 커뮤니케이션을 위한 폼 태그

로그인이나 회원가입 폼과 같이 웹 페이지에서의 입력 양식을 의미.Form Tag의 속성action : 폼 데이터가 전송되는 백엔드 urlmethod : 폼 전송 방식 (GET / POST)GET 방식?URL 끝에 데이터를 첨부해서 전송하는 방식.ex) http&#x3

2021년 5월 27일
·
0개의 댓글
·

이미지의 표현과 동영상, 음악 등 멀티디미어를 지원하는 태그

img tag가 가지는 속성src : 이미지 파일 경로alt : 이미지 파일이 없을 경우 표시되는 문장width : 이미지의 너비 (CSS에서 지정하는 것이 일반적)height : 이미지의 높이 (CSS에서 지정하는 것이 일반적)HTML5에서 새롭게 추가된 태그로, I

2021년 5월 27일
·
0개의 댓글
·

목록과 표 형식 표현을 위한 태그

① 목록 (List) 1. ul 태그 unordered List의 약자로 순서가 없는 목록을 의미한다. >ul 태그의 type 속성 disc : ● (기본값) circle : ○ > + square : ■ 2. ol 태그 ordered List의 약자로 순서가 있는

2021년 5월 27일
·
0개의 댓글
·

하이퍼링크

한 텍스트에서 다른 텍스트로 건너 뛰어 읽을 수 있는 이 기능을 하이퍼링크(hyper link) 라고 한다. HTML link는 hyperlink를 의미하며 a(anchor) tag가 그 역할을 담당한다.hypertext reference의 약자고, 이동하고자 하는 파

2021년 5월 26일
·
0개의 댓글
·

텍스트 관련 태그

Heading 태그는 제목을 나타낼 때 사용하며, h1에서 h6까지의 태그가 있다.h1이 가장 중요한 제목을 의미하며 글자의 크기도 가장 크다.문서의 구조와도 밀접한 관련이 있으므로 가능하면 순서에 맞게 사용하는 것이 좋다.h1 ~ h6 태그는 자동으로 줄바꿈이 되므로

2021년 5월 26일
·
0개의 댓글
·

웹페이지를 구성하는 기본 태그

① 문서 형식 정의 tag HTML5의 문서 타입은 이다. ② HTML Tag html 태그는 모든 HTML 요소의 부모 요소이며 웹페이지에 단 하나만 존재한다. (단, 은 예외) ③ Head Tag head 요소는 메타데이터를 포함하기 위한 요소이며 웹페이지에

2021년 5월 26일
·
0개의 댓글
·

시맨틱 웹과 시맨틱 태그

시맨틱 웹은 컴퓨터가 웹 사이트를 인식할 때, 의미를 가진 사이트라는 것을 알 수 있게 한다.시맨틱 웹의 이상향은 인터넷에 존재하는 방대한 양의 데이터 사이에서사용자의 검색어를 컴퓨터가 자동으로 해석해 원하는 결과를 정확히 알려주는 것이다.예를 들어, '건대 방탈출'

2021년 5월 26일
·
0개의 댓글
·
post-thumbnail

HTML5

HTML(HyperText Markup Language)는 웹 페이지를 위한 지배적인 마크업 언어이다.더 자세히 말하자면 웹페이지의 내용(content)과 구조(structure)를 담당하는 언어로써 HTML 태그를 통해 정보를 구조화하는 것이다.태그 등을 이용하여 문

2021년 5월 26일
·
0개의 댓글
·