프론트엔드

[HTML] html 기본구조

wnls25 2021. 1. 24. 16:07

HTML 문서의 기본 구조

 

html의 기본구조와 결과 화면

 

 

<!DOCTYPE html> : 현재 문서가 HTML5 문서임을 명시

 

<html> : HTML 문서의 root 요소를 정의

 

<head> : HTML 문서의 metadata를 정의

  • metadata란 HTML 문서에 대한 data로 웹 브라우저에는 직접적으로 표현되지 않는 정보를 의미

  • 이러한 metadata는 <title>, <style>, <meta>, <link>, <script>, <base> 태그 등을 이용하여 표현 가능

<title> : HTML 문서의 제목을 정의. 다음과 같은 용도로 사용됨.

  • 웹 브라우저의 툴바(toolbar)에 표시하는 용도

  • 웹 브라우저의 즐겨찾기(favorites)에 추가할 때 즐겨찾기의 제목이 됨

  • 검색 엔진의 결과 페이지에 제목으로 표시됨

<body> : 웹 브라우저를 통해 보이는 내용(content)부분

 

<h1> ~ <h6> : 제목(headling>을 나타냄

 

<p> : 단락(paragraph)을 나타냄

 

 

 

 

출처: www.tcpschool.com/html/html_intro_basicStructure