HTML-이론

정상희·2025년 2월 19일

오즈코딩스쿨

코딩공부

목록 보기

7/60

1. HTML 의 기초

1. 웹 문서의 구조를 표현하는 마크업 언어 HTML

HTML(HyperText Markup Language)는 웹 페이지의 구조와 콘텐츠를 정의하는 기본 마크업 언어이다.

HTML 문서는 크게 <head>와 <body>로 구분할 수 있는데 <head>는 웹 문서에 필요한 설정,<body>는 실제로 사용자에게 보여지는 부분이다.

2. 웹 문서를 구성하는 요소(element)

웹 문서는 요소로 구성되어 있다. <body>와 </body>를 묶어 <body> 요소라고 한다.

<body> 요소의 영역 안에 <h1> 요소와 <p> 요소가 들어 있다고
표현할 수 있다. 또, <body> 요소를 <h1> 요소와 <p> 요소의 부모 요소, <h1> 요소와 <p> 요소를 <body> 요소의 자식 요소라고 부르기도 한다.

3. 여는 태그와 닫는 태그

요소는 여는 태그와 닫는 태그로 구성되어 있고 여는 태그란 요소의 시작점을 의미한다.

< h1 > 요소를 예로 들면, < h1 >은 여는 태그, < /h1 >은 닫는 태그다.
여는 태그와 닫는 태그 사이에는 텍스트를 넣을 수도 있고, 또는 자식 요소를 추가할 수도 있다.

< !DOCTYPE html >: 이 문서가 HTML5로 작성되었음을 선언합니다.
<html lang="en">: HTML 문서의 시작을 나타내며, 여기서 lang 속성은 문서의 언어를 지정합니다.
<head>: 문서에 대한 메타 정보를 담고 있습니다. 예를 들면 문자 인코딩, 뷰포트 설정, 제목 등이 있습니다.
<meta charset="UTF-8">: 문서의 문자 인코딩을 UTF-8로 설정합니다.
<meta name="viewport" content="width=device-width, initial-scale=1.0">: 모바일 기기에서 적절한 뷰포트를 설정한다.
<title>: 문서의 제목을 정의다. 브라우저 탭에 표시된다.
<body>: 실제 콘텐츠가 들어가는 부분으로, 텍스트, 이미지, 링크 등을 포함할 수 있다.