STUDIO_54

HTML 문서 구조 본문

프로그래밍 말/HTML 말

HTML 문서 구조

JeeNi 2019. 4. 15. 17:51

*HTML의 기본 구조

 

_예시

<!DOCTYPE html>

<html lang="ko">

       <head>

            <meta charset="UTF-8">

            <title>HTML</title>

       </head>

       <body>

            <h1>Hello, HTML</h1>

       </body>

</html>

 

 

 

*문서 타입 정의

보통 DTD(doctype)라고 부름

문서가 어떤 버전으로 작성되었는지 브라우저에 알려주는 선언문 격,

반드시 문서 내 최상단에 선언되어야 함

 

 

 

*<html>요소

문서 타입 선언 후, <html>태그가 나오고 자식으로는 <head>태그와 <body>태그

 

<html>태그의 lang 속성은 어느 언어로 작성 되었는지 의미

 

<head>태그에 위치하는 태그들은 브라우저 화면에 표시 안 됨

(문서의 기본 설정이나 외부 스타일 시트 파일 및 js 파일을 연결하는 등의 역할)

 

<meta>태그의 charset 속성은 문자의 인코딩 방식을 지정

 

<body>태그에는 실제 브라우저 화면에 나타내는 내용이 들어감

 

위 코드는 가장 기본적인 문서 구조, 이 보다 더 많은 태그가 들어감

'프로그래밍 말 > HTML 말' 카테고리의 다른 글

HTML문법_ class 와 id 속성  (0) 2019.11.17
HTML문법_ 주석  (0) 2019.04.15
HTML문법_ 공백  (0) 2019.04.15
HTML문법_ 빈 태그  (0) 2019.04.12
HTML문법_ 태그 중첩  (0) 2019.04.12
'프로그래밍 말/HTML 말' Related Articles more