2. HTML 문서의 기본구조<!doctype><html><head><body>

카테고리 없음

김종원 2021. 8. 17. 18:44

- 웹페이지를 만들기 위한 가장 기본이 되는 정보

- 브라우저는 HTML 문서 구조를 통해 HTML 버전, 제목, 정보, 내용 등을 파악함

- <!doctype> : ▶ 해당 문서가 어떤 버전으로 작성되었는지에 대하여 브라우저에게 알려주는 선언문

▶ 반드시 문서 내 최상단에 선언되어야 함(어떤것도 <!doctype> 보다 먼저일 수 없음)

- <html> : ▶ 해당 태그는 'lang' 속성을 쓰고, 이 속성은 해당 문서가 어느 언어로 작성되었는지를 의미함

▶ <!doctype> 선언 다음에는 <html>이 선언되어야 함

- <head> : ▶ 해당 태그에 위치하는 태그들은 브라우저 화면에 표시되지 않음

▶ 단, 문서 기본정보 설정 또는 외부 스타일 파일 및 Java Script File 등을 연결하는 역할을 함

- <meta> : ▷ 해당 태그에는 'charset' 속성을 쓰고, 이 속성은 문자의 인코딩 방식을 지정함

▷ 해당 태그는 내용이 없는 빈태그

- <title> : ▷ 해당 문서의 제목을 나타내는 태그로, 웹페이지의 탭바에 제목이 노출됨

▷ <title>제목내용</title>

- <body> : ▶ 해당 태그가 실제 웹페이지에 나타나는 내용이 들어가는 부분

▶ 다른 태그들 대부분이 여기에 입력되고, 가장 많이 쓰는 부분

<!doctype html>

<html lang="ko">

<head>

<meta charset="UTF-8">

<title>문서제목</title>

</head>

<body>

</body>

</html>