본문 바로가기
IT/HTML

HTML(Hypertext Markup Language)

by 깡타의 컴맹인생 2022. 12. 29.
반응형

HTML

목차
1. HTML(Hypertext Markup Language)
2. HTML 문서의 구조

 

1. HTML(Hypertext Markup Language)

태그를 이용해 하이퍼텍스트의 구조를 표현하는 마크업 언어다. 마크업 언어란 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어다. 하이퍼텍스트는 다른 문서로의 이동을 쉽게 하도록 하이퍼링크들의 모음으로 구성된 문서다. 하이퍼링크는 다른 문서로의 이동을 가능하게 하는 링크(참조 고리)다.


2. HTML 문서의 구조

HTML 문서는 제목 <head>와 본문 <body>로 분리되며 HTML 구조로 표현하면 다음과 같다.

<!doctype html> : 문서 유형 지정
<html lang="ko"> :
웹 문서의 시작 지점
   <head> : 문서의 제목 시작 지점
      내용
   </head> : 문서의 제목 끝 지점

   <body> :
 
문서의 본문 시작 지점
      내용
   </body> : 문서의 본문 지점
</html> : 웹 문서의 끝 지점

모든 HTML 문서는 위와 같은 구조로 구성되어 있다. 홑화살괄호 '<>'안에는 각 텍스트가 무엇을 의미하는지 적혀있다. 실제로 Chrome 새탭 페이지를 HTML로 표현한 결과는 아래 사진과 같다. 실제로는 더욱 많은 내용들이 담겨있다. '▶' 표시를 눌러 전개하면 더욱 다양한 정보가 담겨있다.

반응형