본문 바로가기

Web/HTML

문서의 구조

html 기본 구조

 

<title> </title>

ex) <title>WEB1 - html</title>

 - 제목 지정 태그

- 검색엔진이 웹 페이지를 분석할 때 가장 중요하게 생각하는 태그

 

<meta charset="utf-8">

- 웹 브라우저에게 이 웹 페이지가 UTF-8로 만들어졌다는 것을 알린다. (한글이 깨지지 않게 된다.)

 

<body> </body>, <head> </head>

- 본문은 body 태그를 이용해 감싸고, 본문을 설명하는 태그는 head 태그로 감싼다.

- 코드를 크게 본문(body)과 본문을 설명하는 부분(head)으로 나눈 것이다.

 

<html> </html>

- body 태그와 head 태그를 크게 감싸는 태그

 

<!doctype html>

- 이 웹 페이지가 HTML로서 만들어졌다는 것을 알리기 위해 문서의 시작에 <!doctype html>를 추가

 

 

→ 정리해보면, 이런 형식인 것이다.

<!doctype html>

<html>

<head>  

   <title>WEB1 - html</title>

   <meta charset="utf-8">

</head>

<body>   

    <ol>     

        <li>HTML</li>     

        <li>CSS</li>     

        <li>JavaScript</li>  

    </ol>  

    <h1>HTML</h1>

    <p>

     본문   

    </p>

</body>

</html>