프로그래밍/HTML

[HTML - 3] HTML 문서의 기본 구조

나무늘보Programmer 2024. 3. 29. 01:12

HTML  문서의 기본 구조

HTML을 작성할 때는 태그들이 들어가는 구역을 나누는 것이 일반적이다.

  • 문서의 정보를 기입하는 부분 : head
  • 문서의 내용을 기입하는 부분 : body

HTML 문서에는 화면에 표시될 콘텐츠 외에 ‘문서 정보’도 포함된다.

 

  • HTML은 태그를 중심으로 표현하기 때문에 정보와 내용 구분 또한 태그로 해준다!
<head>
	문서의 정보
</head>
<body>
	화면에 표시 될 내용
</doby>

 

  • HTML은 head내부의 코드와 body내부의 코드가 합쳐져 구성이 되므로 두 태그를 아래와 같이 html태그로 묶어서 표현한다.
<html>
	<head>
		문서의 정보
	</head>
	<body>
		화면에 표시 될 내용
	</doby>
</html>

 

  • 문서의 타입(DOCTYPE)을 써주어 어떤 타입의 문서 작성하는지 웹브라우저와 웹 시스템에게 전달해 주는 역할을 한다.
<!DOCTYPE html>
<html>
	<head>
		문서의 정보
	</head>
	<body>
		화면에 표시 될 내용
	</doby>
</html>