아래는 HTML 기분 구조를 보여줍니다.

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>HTML문서의 제목</title>
</head>
<body>

    <h1>제목</h1>
    <h2>제목</h2>
    <p>단락</p>
    
</body>
</html>
  1. <!DOCTYPE html> : HTML5 문서 임을 명시합니다.
  2. <html> : HTML 문서의 루트 요소를 정의합니다.
  3. lang="ko"> : 언어코드와 국가코드를 선언가능하며 언어와 국가코드 동시에 선언이 가능합니다. 문서의 언어를 명시합니다.
  4. <head> : HTML 문서의 메타데이터를 정의합니다. 메타데이터는 HTML 문서에 대한 정보를 담고 있으며 브라우저에 표현되지 않습니다. <title>, <style>, <meta>, <link>, <script>등을 이용할 수 있습니다.
  5. <title> : HTML문서의 제목을 정의합니다. 이는 브라우저 탭에 표시되며 즐겨찾기, 검색 결과 등에 <title> 내용이 표시됩니다.
  6. <body> 웹 브라우저에 보이는 내용(content)입니다. HTML의 대부분은 <body>안에서 구성되며 보고 있는 이 정보 역시 <body> 안에 작성되어있습니다.

 

저작자표시 (새창열림)