3) HTML 텍스트 요소 - 제목

2021. 7. 7. 20:11WEB/HTML

반응형

제목(Heading)

HTML은 제목을 표현할 수 있는 <h> 태그를 제공한다.

<h1> ~ <h6> 까지 6단계로 표현되며 숫자가 작을수록 제목이 크고, 숫자가 클수록 제목이 작아진다.

 

<!DOCTYPE html>
<html>
    <head>
        <title>제목을 지정하는 h 태그</title>
    </head>

    <body>
        <h1>제목1의 크기</h1>
        <h2>제목2의 크기</h2>
        <h3>제목3의 크기</h3>
        <h4>제목4의 크기</h4>
        <h5>제목5의 크기</h5>
        <h6>제목6의 크기</h6>
    </body>
</html>

<h>태그는 기본적으로 굵은 글자로 표현되며, <br> 태그를 사용하지 않아도 자동으로 줄바꿈이된다

<h>태그의 위아래로 약간의 여백이 자동으로 삽입된다. 

 

약간의 팁으로 여러 검색엔진은 각 웹 사이트 <h>태그를 기준으로 키워드를 수집하기 때문에 HTML 문서에 포함되어 있는 제목은 <h>태그로 작성해야 검색엔진에 의해 제대로 검색될 확률이 높아진다. 

반응형

'WEB > HTML' 카테고리의 다른 글

6) HTML 텍스트 요소 - 글자 스타일(서식)  (0) 2021.07.19
5) HTML 텍스트 요소 - 특수문자  (0) 2021.07.14
4) HTML 텍스트 요소 - 단락  (0) 2021.07.10
2) HTML 텍스트 요소 - 주석  (0) 2021.07.06
1) HTML 기초  (0) 2021.07.05