HTML 제목

HTML 문서에서 제목은 중요합니다. 제목을 올바르게 사용하는 것도 중요합니다.

HTML 제목

제목(Heading)은 <h1> - <h6> 태그로 정의된 것입니다.

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

<h1>제목은 제목입니다1　h1</h1>
<h2>제목은 제목입니다2　h2</h2>
<h3>제목은 제목입니다3　h3</h3>
<h4>제목은 제목입니다4　h4</h4>
<h5>제목은 제목입니다5　h5</h5>
<h6>제목은 제목입니다6　h6</h6>

주석: html 실행 시, 브라우저는 자동으로 제목 앞뒤에 공백 줄을 추가합니다.

제목은 중요합니다

HTML 제목 태그를 제목에만 사용해야 합니다. 단순히 굵은 글자나 큰 글자를 생성하기 위해 제목을 사용하지 마세요.

검색 엔진은 제목을 통해 웹 페이지의 구조와 내용을 인덱싱합니다.

사용자가 제목을 통해 웹 페이지의 내용과 주제를 빠르게 판단할 수 있기 때문에, 문서 구조를 제목으로 표시하는 것은 매우 중요합니다.

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

HTML 수평선

<hr> 또는 <hr /> 태그는 HTML 페이지에서 수평선을 생성합니다. hr 요소는 내용을 분리할 수 있습니다.

<p>이것은 문단입니다.</p>
<hr>
<p>이것은 문단입니다.</p>
<hr　/>
<p>이것은 문단입니다.</p>

HTML 주석

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

주석 작성 방법:

<!--　이것은 주석입니다　-->

주석: 시작 괄호(왼쪽 괄호) 뒤에는 반드시叹号이 따라야 하며, 종료 괄호(오른쪽 괄호) 앞에는 필요하지 않습니다. 주석을 합리적으로 사용하면 html 코드 편집 및 검색에 큰 도움이 됩니다.

HTML 튜토리얼 - 원본 코드 확인 방법

좋게 되어 있는 웹사이트를 많이 본 적이 있습니다. 그런 효과를 만들고 싶다면, 이 웹사이트의 html 코드를 어떻게 확인할 수 있을까요.

원본 코드를 확인하고 어떻게 구현했는지 보고 싶다면, 웹 페이지 공백 영역에서 오른쪽 클릭하여 "원본 파일 보기"(IE) 또는 "페이지 원본 코드 보기"(Firefox)를 선택하면 됩니다. 다른 브라우저도 유사합니다. 이렇게 하면 페이지 HTML 코드를 포함한 창이 엽니다.

이 사이트 예제

제목

HTML 웹 페이지에서 제목을 표시하는 방법

주석 숨기기

HTML 원본 코드에서 주석을 추가하는 방법

수평선

수평선을 삽입하는 방법

HTML 태그 참조 매뉴얼

기본 튜토리얼 태그 참조 매뉴얼은 이러한 제목 및 속성에 대한 더 많은 정보를 제공합니다.

이 튜토리얼의 다음 장에서는 HTML 태그와 속성에 대해 더 많이 배울 수 있습니다.