UI/html

html(8)_ html 문서 구조 (title, meta, html, head, body)

다룽_ 2021. 2. 2. 19:37
728x90

 

 

기본적인 html의 문서 구조를 알아보자.


<title></title> : 페이지(탭) 제목 표시

 

적용 전
적용 후

 

●<meta charset="utf-8">

utf-8 언어로 저장된 파일은

웹에서도 utf-8로 읽겠다는 약속

* charset=character set=문자 규칙

 

 

●<head></head> : 본문 부가 설명

페이지에 표시 될 내용 자체라기 보다는

페이지 본문에 대한 설명이라고 할 수 있다.

ex) title, meta

 

●<body></body> : 본문

페이지 사용자에게 보여질 내용

 

●<html></html>

head 태그와 body 태그를 묶는 최고위층 태그

그리고 html 태그 위에 관용적으로

이 문서는 html으로 작성 되었다는 뜻의

<!doctype html>을 써준다.

 

 

*결 론*

<!doctype html>
<html>
<head>
<title>페이지제목</title>
<meta charset="utf-8">
</head>
<body>
본문
내용
어쩌고
저쩌고

다룽이네

다락방

흥해라
</body>
</html>

 

 

 

 

 

 

 

 

html 초보코딩 코딩입문 웹개발입문 초보개발자 프론트엔드개발입문