본문 바로가기

HTML

제목 h태그 기초 지식 및 사용법

반응형

h태그란?

HTML 태그는 웹 페이지에서 텍스트, 이미지, 동영상 등 다양한 요소들을 표현하기 위한 언어다. 특히 <h> 태그는 제목이나 단락을 정의할 때 사용하는 가장 기본적인 태그로, 문서 내 특정 부분을 강조하거나 구분하는데 주로 사용된다.

h태그 사용법

HTML 태그는 웹페이지를 구성하는 데 필요한 요소들을 모아놓은 언어다. 문서의 구조와 표현, 동작 등을 정의한다. 이 중에서 가장 중요한 역할을 하는 것이 바로 <h> 태그다. 제목을 표시할 때 사용하며, 브라우저 화면상으로는 보이지 않는다. 다만 CSS로 스타일을 적용하면 출력된다. 또한 글자 크기도 조절할 수 있다. 아래 코드를 살펴보자.
<h1>안녕하세요!</h1>
<h2>반갑습니다!</h2>
<h3>감사합니다!</h3>
<h4>사랑합니다!</h4>
<h5>행복하세요!</h5>

실행1
실행1


위 코드에서는 각각 안녕하세요, 반갑습니다, 감사합니다, 사랑합니다, 행복하세요라는 문구가 나타난다. 그런데 여기서 한 가지 의문점이 생긴다. 왜 같은 문장인데 순서대로 숫자가 커질수록 글자 크기가 작아지는 걸까? 이유는 간단하다. 각 문단마다 줄바꿈이 일어나기 때문이다. 즉, 첫 번째 문단에는 '안녕하세요'라는 큰 글씨가 나타나고, 두 번째 문단에는 '반갑습니다'라는 작은 글씨가 나타나는 식이다. 그렇다면 이번에는 반대로 해보자.
<h1>반가워요!</h1>
<h2>고맙습니다!</h2>
<h3>잘 지내세요!</h3>
<h4>건강하세요!</h4>
<h5>행복하세요!</h5>

실행2
실행2

반응형