본문 바로가기
share/html

[HTML] 제목코드 - h태그 <h1>~<h6>

by santamonicaboy 2022. 1. 19.

 

 

 

◆ H태그

h태그란 제목등에 주로 쓰이는 태그입니다.

h태그 종류로

<h1>, <h2>, <h3>, <h4>, <h5>, <h6> 이 있습니다.

태그안의 숫자의 크기가 클수록 사이즈는 작아집니다.

◆ H태그 사용방법

 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>h태그 학습</title>
    </head>

    <body>
        <h1>hello world h1</h1>
        <h2>hello world h2</h2>
        <h3>hello world h3</h3>
        <h4>hello world h4</h4>
        <h5>hello world h5</h5>
        <h6>hello world h6</h6>
    </body>
</html>

<h1> 이 제일 큰 제목이며 <h6>이 제일 작은제목입니다.

html 태그는 <h1></h1> 처럼 열린 태그(<>)와 닫힌 태그(</>)로 짝을 이룹니다.

(주의 : 닫힘 태그를 넣지 않으면 태그의 속성이 지속됨으로 닫힘태그는 필수.)

 

 

 

◆ H태그 결과값

h태그 결과값

 

 

자신이 사용하는 에디터를 열어서 위와 같이 소스를 작성하고

.html파일로 저장후 그 폴더에 가서 더블클릭을 하면 웹브라우저에서 위와 같은 화면이 나와 

태그결과값을 확인 할 수 있습니다.

(메모장을 사용해도 좋음)