HTML 기본 태그란?
<!DOCTYPE html>, <html>, <head>, <body>는 웹 문서의 기본 구조를 구성하는 가장 중요한 태그입니다. 초보자도 쉽게 이해할 수 있도록 예시와 함께 설명드릴게요.
반응형
1. <!DOCTYPE html> 선언
의미: 이 문서가 HTML5 형식임을 브라우저에 알려주는 선언입니다.
HTML5 예시:
<!DOCTYPE html>과거 버전 비교:
- HTML 4.01 Strict:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> - XHTML 1.0: 복잡하고 길었습니다. 최신 웹은 HTML5를 사용합니다.
728x90
2. <html> 태그
의미: HTML 문서 전체를 감싸는 최상위 태그입니다.
<!DOCTYPE html>
<html lang="ko">
...
</html>
3. <head> 태그
의미: 웹 페이지의 정보를 담는 부분으로, 검색엔진 최적화(SEO)와 연결됩니다.
<head>
<meta charset="UTF-8">
<title>문서 제목</title>
</head>SMALL
4. <body> 태그
의미: 실제로 브라우저에 보여지는 모든 콘텐츠(텍스트, 이미지, 버튼 등)가 포함되는 부분입니다.
<body>
<h1>안녕하세요!</h1>
<p>이곳에 웹 페이지 내용이 들어갑니다.</p>
</body>마무리 및 다음 강의 예고
이 강의를 통해 HTML 문서의 기본 골격을 구성하는 핵심 태그들을 익혔습니다.
다음 강의에서는 [HTML 강의] 2강 - 메타 태그(meta tag)를 배워보겠습니다.
전체 강의 목록은 웹 개발 강의 모음에서 확인하세요!