제목(Heading)은 <h1>-<h6> 태그로 정의되고, <h1>은 가장 큰 태그(가장 중요)를 정의하고, <h6>은 가장 작은 태그(가장 중요하지 않음)를 정의합니다. 제목 태그는 제목에만 사용된다는 점에 유의해야 합니다. 제목의 기능은 사용자가 웹 페이지를 빠르게 탐색할 수 있도록 돕는 것이므로 제목은 사용할 수 없습니다. 무분별하게 사용됩니다. 이러한 태그는 웹 페이지의 제목을 정의할 수 있습니다(단어의 제목과 유사). 제목을 적절하게 사용하면 웹 페이지의 계층 구조가 더 명확해집니다.
팁: HTML의 제목은 검색 엔진이 웹 페이지의 구조와 콘텐츠를 이해하는 데 도움이 됩니다.
기본적으로 브라우저는 일반 텍스트보다 더 크고 굵은 글꼴로 제목 내용을 표시합니다. 아래 예:
<!DOCTYPEhtml><html><head><metacharset=UTF-8><title>HTML 제목 태그 데모</title></head><body><h1>h1 제목</h1><h2>h2 제목< /h2><h3>h3 제목</h3><h4>h4 제목</h4><h5>h5 제목</h5><h6>h6 제목</h6></body></html>
실행 결과는 아래 그림과 같습니다.
1. HTML 제목
(1) 제목은 <h1> - <h6> 태그를 통해 정의됩니다.
(2) <h1>은 가장 큰 제목을 정의합니다. <h6>은 가장 작은 제목을 정의합니다.
2. 제목이 중요하다
제목에만 HTML 제목 태그를 사용해야 합니다. 단지 굵게 또는 큰 텍스트를 생성하기 위해 제목을 사용하지 마십시오.
검색 엔진은 헤더를 사용하여 웹 페이지의 구조와 콘텐츠를 색인화합니다.
사용자는 제목을 사용하여 페이지를 빠르게 탐색할 수 있으므로 제목을 사용하여 문서의 구조를 나타내는 것이 중요합니다.
h1은 주요 제목(가장 중요)으로 사용되어야 하고, 그 다음에는 h2(다음으로 가장 중요한), h3 등이 옵니다.
3. HTML 가로줄
<hr> 태그는 HTML 페이지에 수평선을 만듭니다.
hr 요소를 사용하여 콘텐츠를 구분할 수 있습니다.
<p>이것은 단락입니다. </p><hr><p>이것은 단락입니다. </p><hr><p>이것은 단락입니다. </p>
실행 결과는 아래 그림과 같습니다.
4. HTML 주석
HTML 코드에 주석을 삽입하여 가독성을 높이고 코드를 더 쉽게 이해할 수 있습니다. 브라우저는 주석을 무시하고 표시하지 않습니다.
댓글은 다음과 같이 작성됩니다.
<!--댓글입니다--><p>위 댓글은 웹페이지에 표시되지 않습니다. </p>
주석: 느낌표!(영어 문장 부호)는 여는 괄호(왼쪽 괄호) 바로 뒤에 와야 하지만, 닫는 괄호(오른쪽 괄호) 앞에는 와야 합니다.
5. HTML 팁 - 소스 코드를 보는 방법
어떤 웹 페이지를 보고 그것이 어떻게 이루어졌는지 궁금해 본 적이 있습니까?
확인하려면 마우스 오른쪽 버튼을 클릭하고 소스 보기(IE) 또는 페이지 소스 보기(Firefox)를 선택하면 됩니다. 다른 브라우저에서도 동일한 작업이 수행됩니다. 그러면 해당 페이지의 HTML 코드가 포함된 창이 열립니다.