티스토리 뷰

기본적인 HTML 문서

<!DOCTYPE html>
<html>
<head>
<title> 페이지 타이틀 </title>
</head>

<body>
<h1> 첫번째 표제어 </h1>
<p> 첫번째 문단 </p>
</body>

</html>

  • <!DOCTYPE html>선언은 HTML5가 적용될 문서를 정의
  • <html>요소는 HTML 페이지의 루트 요소입니다
  • <head>요소는 문서에 대한 메타 정보를 포함
  • <title>요소는 문서의 제목을 명시
  • <body>요소는 눈에 보이는 페이지의 내용을 포함
  • <h1>요소는 큰 제목을 정의
  • <p>요소는 문단을 정의

 

HTML 태그

HTML 태그는 꺾쇠괄호로 묶인 요소 이름입니다.

<tagname> 콘텐츠는 여기에 있습니다 ... </ tagname>

  • HTML 태그는 일반적으로 올 쌍으로 같은 <p>과</p>
  • 쌍의 첫 번째 태그는 시작 태그이고 , 두 번째 태그는 종료 태그입니다.
  • 종료 태그는 시작 태그와 비슷하지만 태그 이름 앞에 슬래시가 삽입되어 있습니다.
팁 : 시작 태그는 여는 태그라고도 하고 끝 태그는 닫는 태그입니다.

 

 

웹 브라우저

웹 브라우저 (Chrome, IE, Firefox, Safari)의 목적은 HTML 문서를 읽고 표시하는 것입니다.

브라우저는 HTML 태그를 표시하지는 않지만 HTML 태그를 사용하여 문서를 표시하는 방법을 결정합니다.

 

HTML 페이지 구조

다음은 HTML 페이지 구조의 시각화입니다.

 브라우저에 표시되는 것은 <body> 섹션의 내용만 표시됩니다.

 

<! DOCTYPE> 선언

<!DOCTYPE>선언은 문서 유형을 나타내며 올바르게 웹 페이지를 표시하는 브라우저에 도움이 됩니다.

HTML 태그보다 먼저 페이지 상단에 한 번만 나타나야 합니다. 즉, 닫는 태그가 없습니다. 

<!DOCTYPE>선언은 대소 문자를 구분하지 않습니다.

<!DOCTYPE>HTML5에 대한 선언은 다음과 같습니다.

<!DOCTYPE html>

HTML 버전

버전 년도
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014

 

 

댓글