본문 바로가기

언어 기초/HTML,CSS

[칼퇴족 HTML5 + CSS3 | Chapter 02 HTML 페이지 만들기] 태그, 요소, HTML 문서의 기본구성

1. 학습 목표

 HTML문서의 기본구성과 태그,요소의 기본 성격을 이해할 수 있다

2. 필요 개념 문장정리

태그와 요소

  • HTML파일에서 정보를 표시하는 단어를 태그라고 한다.
  • 모든 태그는 시작과 끝이 있다.<tag name> </tag name>
  • 태그는 대소문자를 구분하지 않지만 입력 시간을 절약하고 가독성을 높이기 위해 소문자로 입력할 것을 권장한다.
  • 내려쓰는<br>태그와 이미지를 삽입하는<img>태그, 가로선을 표현하는 <hr>태그는 끝나는 </>태그가 없다.
  • 시작하는 태그와 끝나는 태그사이에 존재하는 태그들을 요소라고 부르며 HTML 문서를 구성하는 기본단위이다.

HTML문장구성

  1. HTML5버전 페이지임을 선언하기 위해 <!DOCTYPE html>로 입력한다. 페이지에 한번만 나오고 소문자로 입력해도 된다.
  2. <html>로 시작하고 </html>로 끝난다
  3. 영어가 기본언어이기 떄문에 <meta charset="UTF-8">로 <title></title>타이틀 태그는 제목을 표시한다.
  4. <body></body>는 제목,문단,이미지,하이퍼링크,표,리스트 등 내용을 입력한다.

3. 마무리

태그와 요소를 기본으로 하는 HTML문서의 기본적인 구성을 알 수 있었다.