HTML

[HTML] HTML과 기본구조

보봉뽕 2020. 11. 17. 17:00

HTML은 HyperText Markup Language의 약자로 웹페이지를 만들기 위한 언어로 웹에서 동작하는 언어입니다.

사실 프로그래밍 언어라고 보긴 어렵고 구조를 만들기 위한(Markup) 언어로 보는게 적당할 것 같습니다.

 

HTML은 여러 element로 구성되어 있고 기본 구조는 아래와 같습니다.

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	
</body>
</html>

우선 여러 에디터(메모장, sublimeText, Editplus, vscode 등)를 통해서 파일이름.html이라고 저장합니다. 확장자가 .html로 들어가는 것을 꼭 확인해주세요.

 

위의 기본 구조들만 먼저 확인하자면

 

 

<html></html>

전체 html 문서를 감싸는 최상위 태그입니다. html파일 안에 한 번 존재하고 이 밖에는 <!DOCTYPE html>를 제외한 다른 태그가 존재하지 않습니다.

 

<head></head>

문서를 설명하는 태그로 웹페이지의 제목, 키워드 등 문서의 정보를 작성합니다. head 태그도 html 안에 한 번만 존재하고 html 바로 아래 위치합니다.

 

<body></body>

html 문서의 내용이 나타나는, 웹페이지에 표시되어지는 부분입니다. 이 또한 html 안에 하나만 존재하고 head 다음에 위치합니다.

 

 

요약하자면 html 문서는 문서의 정의, 정보를 담고있는 head 태그와 문서의 내용을 담고있는 body로 구성되어 있다고 볼 수 있습니다.

 

HTML은 여러 태그로 이루어져 있습니다. 다음 글에서는 body에 포함되는 여러 태그들을 하나씩 알아보겠습니다.