농경제학도의 지식창고

[HTML] h 태그 본문

프로그래밍 언어/HTML

[HTML] h 태그

Guk developer 2021. 4. 30. 13:39
본문은 '생활코딩'님의 <WEB1 - HTML & INTERNET> 강의를 학습하고 개인 학습용으로 정리한 내용입니다.

 

안녕하세요, 오늘은 HTML의 기본 태그 중 <h> 태그에 대해 알아보겠습니다

 

<h> 태그의 'h'는 'heading(제목)'의 약자로 <h> 태그는 제목을 나타내는 태그입니다

 

h태그는 1~6 숫자와 함께 쓰이는데요, 작은 숫자로 갈수록 글자 크기가 커집니다

 

본문에서 HTML 코드와 웹브라우저에 어떻게 나타나는지 비교해보겠습니다


<h1>h1 tag</h1>
<h2>h2 tag</h2>
<h3>h3 tag</h3>
<h4>h4 tag</h4>
<h5>h5 tag</h5>
<h6>h6 tag</h6>

이렇게 '제목 표시'를 하고 싶은 문구 앞뒤로 <h1>~<h6> 태그를 감싸면 아래와 같이 숫자에 따라서 텍스트의 크기가 상이하게 나타납니다

 

* 기본적인 html 코드는 편의를 위해 배제하였음

 


오늘은 이렇게 HTML의 가장 기본적인 태그 <h> 태그를 알아보았습니다

HTML 기본 문법에 관한 내용으로 다시 찾아 뵙겠습니다

'프로그래밍 언어 > HTML' 카테고리의 다른 글

[HTML] title, meta, head, body, html 태그  (0) 2021.05.10
[HTML] img 태그  (0) 2021.05.01
[HTML] br, p 태그  (0) 2021.04.30
[HTML] strong, u 태그  (0) 2021.04.29
Comments