상세 컨텐츠

본문 제목

HTML의 Hn태그를 이용한 헤드라인 강조하기

Digital News/Smartwork and OA

by 김현욱 a.k.a. 마루 2007. 1. 31. 18:07

본문

Hn 태그란?

주로 본문에 큰 글씨로 제목을 나타낼때에 사용이되는 태그이다.

Hn 태그의 n 부분에는 숫자를 치환한다. 예를 드면 H1 , H2 , H3 와 같은 형식으로 전개된다.
1 부터 6까지 숫자 치환이 가능하며, 숫자가 커질수록 글씨는 작아진다.

아래 예문을 참고로 블로그 기사문을 작성할 때 html 모드로 전환해서 적절하게 활용한다면 보다 부드럽고 가독성이 높은 글을 쓸 수 있다는 장점과 Google Adsense를 이용하는 애드센스 유저에게는 광고수익을 향상 시킬 수 있는 하나의 요인이 될 수 있다는 정보로 알려지고 있다.

[예문 H1 대입]

<H1>윈도우 비스타는 한국 시장 공략!</H1>
<P>마이크로 소프트는 윈도우비스타 출시에 즈음하여..</P>

[결과]

윈도우 비스타는 한국 시장 공략!

마이크로 소프트는 윈도우비스타 출시에 즈음하여..


[예문 H2 대입]

<H2>윈도우 비스타는 한국 시장을 공략하다!</H2>
<P>마이크로 소프트는 윈도우비스타 출시에 즈음하여..</P>

[결과]

윈도우 비스타는 한국 시장을 공략하다!

마이크로 소프트는 윈도우비스타 출시에 즈음하여..


[예문 H3 대입]

<H3>윈도우 비스타는 한국 시장을 공략하다!</H3>
<P>마이크로 소프트는 윈도우비스타 출시에 즈음하여..</P>

[결과]

윈도우 비스타는 한국 시장을 공략하다!

마이크로 소프트는 윈도우비스타 출시에 즈음하여..


[예문 H4 대입]

<H4>윈도우 비스타는 한국 시장을 공략하다!</H4>
<P>마이크로 소프트는 윈도우비스타 출시에 즈음하여..</P>

[결과]

윈도우 비스타는 한국 시장을 공략하다!

마이크로 소프트는 윈도우비스타 출시에 즈음하여..


[예문 H5 대입]

<H5>윈도우 비스타는 한국 시장을 공략하다!</H5>
<P>마이크로 소프트는 윈도우비스타 출시에 즈음하여..</P>

[결과]
윈도우 비스타는 한국 시장을 공략하다!

마이크로 소프트는 윈도우비스타 출시에 즈음하여..


[예문 H6 대입]

<H6>윈도우 비스타는 한국 시장을 공략하다!</H6>
<P>마이크로 소프트는 윈도우비스타 출시에 즈음하여..</P>

[결과]
윈도우 비스타는 한국 시장을 공략하다!

마이크로 소프트는 윈도우비스타 출시에 즈음하여..


관련글 더보기

댓글 영역