본문으로 건너뛰기
실습하기

html 태그

<html> 태그는 웹 문서의 시작과 끝을 나타내는 태그입니다.

html 태그를 선언하기 전에, 웹페이지는 브라우저에게 이 페이지가 어떤 버전의 HTML로 만들어졌는지 알리기 위해 DOCTYPE을 선언합니다.

현재 인터넷에서 널리 사용되는 HTML 버전은 HTML5이며, HTML 문서 최상단에 <!DOCTYPE html>을 선언하여 HTML5 문서임을 알립니다.

DOCTYPE 선언하기
<!DOCTYPE html>
<html>
  <!-- HTML 코드 -->
</html>

참고: 1991년에 처음으로 도입된 HTML은 지금까지 다양한 버전이 출시되었습니다. 주요 HTML 버전은 다음과 같습니다.

HTML (1991)​

월드 와이드 웹의 창시자인 팀 버너스리(Tim Berners-Lee)에 의해 처음으로 도입된 원래의 HTML 버전입니다.

HTML 2.0 (1995)​

최초의 표준 HTML 버전으로, 웹 커뮤니티의 다양한 구성원들의 피드백을 기반으로 개선되었습니다.

HTML 3.2 (1997)​

웹 페이지의 동작을 제어하는 JavaScript가 추가되었습니다.

HTML 4.0 (1997)​

웹 페이지를 꾸미기 위한 스타일시트(CSS) 및 개선된 입력 양식이 추가되었습니다.

HTML5 (2014, 현재 버전)​

<canvas>, <video>, <audio> 등 다양한 태그들이 추가되었으며, 웹 브라우저 내 저장소 역할을 하는 localStorage와 같은 현대적 기능들이 추가되었습니다.


<html> 태그​

html 태그는 HTML 문서의 루트(root, 최상단) 요소로, 문서의 처음과 끝에 위치해야 합니다.

<html> 태그 내에는 웹 페이지에 대한 정보를 담는 <head> 태그와 웹페이지에 표시할 내용을 담는 <body> 태그를 포함합니다.


HTML 태그 내부 구조​

HTML 문서 기본 구조
<!DOCTYPE html>
<html>
  <head>
    <!-- 여기에 문서의 메타데이터와 스타일, 스크립트 등을 포함시킵니다. -->
  </head>
  <body>
    <!-- 여기에 실제로 사용자에게 표시되는 페이지의 내용을 넣습니다. -->
  </body>
</html>

HTML 태그에는 lang 속성으로 웹 페이지의 주 사용 언어를 지정할 수 있습니다.

예를 들어, 한국어를 주 사용 언어로 사용하는 웹 페이지는 <html lang="ko">와 같이 표시할 수 있습니다.


HTML lang 속성 사용 예제
<!DOCTYPE html>
<!-- lang 속성으로 한국어 사용 -->
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <title>웹페이지 제목</title>
  </head>
  <body>
    <h1>문단 제목</h1>
    <p>문단 내용</p>
  </body>
</html>

다음 내용이 궁금하다면?

코드프렌즈 PLUS 멤버십 가입 or 강의를 등록해 주세요!