HTML 기본 구조

728x90

HTML 기본 구조

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>여기에는 문서의 제목을 입력</title>
</head>
<body>
  여기에는 웹페이지에 표시할 컨텐츠를 입력
</body>
</html>

VSC에서 "!" 입력시 제공되는 기본 HTML 구조이다.

문서 형식 선언, <!DOCTYPE html>

문서의 내용이 시작되기 전에 해당 문서가 어떤 마크업 언어 형식으로 작성 되어 있는지를 명시 하는 역할이다.

문서의 시작과 끝, <html lang="ko">

여는 태그가 문서의 시작을, 닫는 태그가 문서의 끝을 의미한다. 이 태그에는 선택적으로 lang이라는 속성을 추가할 수 있는데, 이는 문서의 주요 언어를 표기하기 위해 추가하는 속성이다.

문서의 정보, <head>

브라우저에게 문서의 정보를 전달한다. <head>의 안에 작성되는 태그들은 웹 브라우저 화면에 표시될 콘텐츠는 아니지만, 웹페이지 품질에 영향을 준다.

인코딩 방식 설정, <meta charset="utf-8">

문서의 인코딩 방식을 설정해주는 문자셋(character set)설정이다. utf-8로 하면 한글을 비롯한 세상의 모든 언어를 표시할 수 있다.

문서의 제목, <title>

여기에 입력한 제목은 웹 브라우저 탭 메뉴에 표시된다.

728x90

저작자표시 비영리 변경금지 (새창열림)

'HTML' 카테고리의 다른 글

표 만들기(table) (0)	2026.01.16
시맨틱 태그(Semantic Tag) (0)	2026.01.14
[HTML] HTML (Hyper Text Markup Language) 란? (0)	2023.09.15

이건 또 왜 궁금해

HTML 기본 구조