HTML 제목

HTML 문서에서 제목은 중요합니다.

HTML 제목

제목(Heading)은 <h1> - <h6> 등의 태그를 통해 정의됩니다.

<h1> 가장 큰 제목을 정의합니다。<h6> 가장 작은 제목을 정의합니다。

예제

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

직접 시도해 보세요

주석:브라우저는 제목 전후에 자동으로 빈 줄을 추가합니다.

주석:기본적으로, HTML은 블록 요소 전후에 추가적인 빈 줄을 자동으로 추가합니다. 예를 들어, 문단, 제목 요소 전후.

제목은 중요합니다

HTML heading 태그를 제목에만 사용하십시오. 제목을 사용하여 단순히 두껍거나 큰 텍스트를 생성하는 데는 사용하지 마십시오.

검색 엔진은 타이틀을 사용하여 웹 페이지의 구조와 내용을 인덱싱합니다.

사용자가 웹 페이지를 빠르게 탐색할 수 있도록, 문서 구조를 제시하는 데 제목을 사용하는 것이 중요합니다.

h1을 주제 제목(가장 중요한)으로 사용하고, 그 뒤는 h2(중요도가 높은), 그 다음은 h3, 이렇게 계속 합니다.

HTML 수평선

<hr /> 태그는 HTML 페이지에서 수평선을 생성합니다.

hr 요소는 콘텐츠를 구분하는 데 사용됩니다.

예제

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>

직접 시도해 보세요

힌트:수평선 (<hr> 태그)를 사용하여 문서의 소절을 구분하는 것은 하나의 방법입니다.(하지만 유일한 방법은 아닙니다).

HTML 주석

주석을 HTML 코드에 삽입하여 코드의 가독성을 높이고 이해하기 쉽게 할 수 있습니다. 브라우저는 주석을 무시하고 표시하지 않습니다.

주석은 이렇게 쓰입니다:

예제

<!-- This is a comment -->

직접 시도해 보세요

주석:시작 괄호 이후(왼쪽 괄호)에는 반드시叹号이 따라야 하며, 종료 괄호 이전(오른쪽 괄호)에는 필요하지 않습니다.

힌트:주석을 합리적으로 사용하면 미래의 코드 편집 작업에 도움이 됩니다.

HTML 힌트 - 원본 코드 보기 방법

특정 웹 페이지를 볼 때 "WOW! 이렇게 어떻게 구현했나요?"라고 놀라셨던 적이 있나요?

특정 웹 페이지를 볼 때 "WOW! 이렇게 어떻게 구현했나요?"라고 놀라셨던 적이 있나요? 그렇다면 오른쪽 클릭 후 "원본 파일 보기"(IE) 또는 "페이지 원본 코드 보기"(Firefox)를 선택하면 됩니다. 다른 브라우저도 유사한 방법입니다. 이렇게 하면 페이지 HTML 코드를 포함한 창이 열립니다.

이 페이지에서의 예제

제목
HTML 문서에서 제목 표시 방법.
숨겨진 주석
HTML 원본 코드에 주석 삽입 방법.
수평선
수평선 삽입 방법.

HTML 태그 참조 매뉴얼

CodeW3C.com 태그 참조 매뉴얼은 이러한 제목과 속성에 대한 더 많은 정보를 제공합니다.

HTML 태그와 속성에 대한 더 많은 지식을 이 튜토리얼의 다음 장에서 배울 수 있습니다.

태그 설명
<html> HTML 문서 정의.
<body> 문서 주체 정의.
<h1> to <h6> HTML 제목 정의.
<hr> 수평선 정의.
<!--...--> 주석 정의.