서두르지 말고 쉬지 말자

3. HTML의 기본 구조 본문

코딩 공부/HTML

3. HTML의 기본 구조

philos 2024. 3. 13. 19:34

HTML 문서는 일정한 구조 안에서 작성되고 이를 기본 구조라고 한다.

 

1. DTD(=Document Type Definition) 

- 문서형 정의(=DTD)는 HTML 문서가 어떤 문서 형식인지 알려줌

<!DOCTYPE html>

HTML5 문서 형식으로 해석하라는 뜻

2. html 태그

- HTML 문서의 시작과 끝을 의미 = 모든 태그는 html 태그 안에서 작성

3. head 태그

- HTML 문서의 메타데이터를 정의함

- 메타데이터 = HTML 문서에 대한 정보, 웹 브라우저에는 노출 안됨

- meta, title, link, style, script 등의 태그를 보통 사용해 문서의 정보를 정의함

● meta 태그 : 메타데이터를 정의하는 데 사용

 

● title 태그 : HTML 문서의 제목 지정에 사용

 

4. body 태그 : 웹 브라우저에 노출되는 내용을 작성하는 영역

→ 웹 브라우저에 표시되는 모든 내용은 body 태그 안에서 작성

<!DOCTYPE html>
<html lang = "ko">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Comaptible" content="IE=edge">
		<meta name="viewport" content="width=devie-width, initial-scale=1.0">
        <title>My first web page</title>
	</head>
    <body>
    	<p>나의 첫 웹 페이지</p>
    </body>
</html>

예시

반응형

'코딩 공부 > HTML' 카테고리의 다른 글

6. 그룹 짓기  (0) 2024.03.13
5. 텍스트 작성하기  (1) 2024.03.13
4. HTML의 특징  (2) 2024.03.13
2. HTML의 구성요소  (0) 2024.03.13
1. HTML 시작  (0) 2024.03.13
'코딩 공부/HTML' Related Articles more