본문 바로가기

HTML 공부

HTML의 기본 구조

 

* HTML 문서 기본 구조 

<!DOCTYLE html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
	<title>처음 만드는 HTML문서</title>
</head>

<body>
	<h1>시간이란...</h1>
	<p>내일 죽을 것처럼 오늘을 살고<br>
	영원히 살 것처럼 내일을 꿈꾸어라</p>
</body>
</html>

 

*

<!doctype html> 

현재 문서가 HTML5 언어로 적상된 웹문서라는 뜻.

 

<html> ~ </html>

웹문서의 시작과 끝을 나타내는 태그. 

웹브라우저가 <html> 태그를 만나면 </html>까지 소스를 읽어 HTML문법에 맞춰 브라우저에 표시한다.

 

<head> ~ </head>

웹브라우저가 웹문서를 해석하기 위해 필요한 정보들을 입력하는 부분.

문서제목, 스타일 및 스크립트 등이 포함된다.

 

<body> ~ </body>

실제로 웹브라우저 화면에 나타날 내용.

html태그들은 대부분 <body>태그 안에 들어간다.