WEB-HTML-HTML 기본 구조
HTML 기본 구조 살펴보기
HTML 기본 구조 살펴보기
기본 구조
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>Hello world!!</div>
</body>
</html>
<!DOCTYPE html> // HTML5 언어로 작성한 웹 문서
<html> ~~~ </html> // 웹 문서의 시작과 끝을 나타내는 태그
<head> ~~~ </head> // 문서의 "정보"를 나타냄 (눈에 보이지 않는 정보)
<body> ~~~ </body> // 문서의 "구조"를 나타냄 (눈에 보이는 정보)
<head> 태그
화면에 보이지 않는 내용
- <meta> 태그
- 화면에 글자 표시할 때 인코딩 명시하는 태그
- 웹 사이트의 키워드, 설명, 제작자 등의 정보 지정 가능
<meta name="author" content="YooJin Lee"> // 웹 문서의 소유자나 제작자
- <title> 태그
- 웹 브라우저 제목을 정의한다. (웹 브라우저 탭에 표시되는 부분)
<title>Document</title>
<body> 태그
실제 웹 브라우저에 표시되는 내용
<body>
<div>Hello world!!</div>
</body>
출처
- (고경희, ⌜Do it! HTML+CSS+자바스크립트 웹 표준의 정석⌟, 이지스퍼블리싱, 2021)을 학습하고 개인 학습용으로 정리한 내용입니다.
