HTML 이란?
HTML은 HyperText Markup Language의 약자로 웹 페이지를 구성하는 마크업 언어이다.
웹 페이지의 전체적인 구조와 내용을 담당하여 기본적인 틀(뼈대)을 만드는 데 사용한다.
See the Pen HTML 기본 by IT is True (@IT_is_True) on CodePen.
HTML의 특징
1. HTML은 부등호(<>)로 묶여있는 구성 요소들인 태그(tag)들의 집합이다.
- <html>, <head>, <title>, <body>, <h1>, <div>, <span>, ... 등
2. 체계적인 규칙들로 구성된 트리구조이다.
- 열린 태그가 있으면 닫힌 태그가 존재해야 한다. <tag>내용 </tag>
- 태그를 중첩 사용하여 부모와 자식 관계를 나타낸다.
3. 마크업 언어(Markup Language)이다.
- 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어로 HTML, XML 등이 있고, 프로그래밍 언어와는 다르게 구분한다.
HTML 태그(tag)
부등호(<>)로 묶여있는 HTML의 구성 요소로 웹 페이지의 구조를 표시하기 위한 것이다.
태그는 제목, 문장, 단락, 이미지, 링크 등의 데이터 정보를 구분하는 꼬리표로 해석할 수 있다.
태그를 통해 HTML 문서의 틀(뼈대)을 만든다.
태그의 특징
1. 열림과 닫힘이 구분되어야 한다.
- 열림 : <tag>
- 닫힘 : </tag>
<h1>제목입니다</h1>
2. 셀프 클로징 태그(Self-Closing tag)
- 태그 내부에 내용이 없다면 <tag />와 같이 표현이 가능하다
<img src=""/>
HTML 문서의 구조
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>title</title>
<link rel="stylesheet" href="index.css" />
</head>
<body>
<!-- 본문 -->
</body>
</html><!DOCTYPE html> : 해당 문서의 HTML 버전을 웹 브라우저에 알려주는 역할
<html> : HTML 문서의 가장 먼저 작성해야 하는 태그로 문서의 시작과 끝을 알리는 root 태그
<head> : HTML 문서의 메타데이터와 title, 외부 파일 링크 등을 정의하는 태그
<meta> : HTML 문서에 대한 정보로 웹 브라우저에는 표현되지 않음
<title> : HTML 문서의 제목으로 웹 브라우저 탭의 이름을 나타냄
<link> : 외부 파일을 HTML 문서에 적용시키기 위한 태그
<body> : 웹 페이지의 본문을 나타내는 태그