3. 글꼴 태그

 <h1> ~ <h6> 

웹 페이지의 제목 또는 부제목을 표현할 때 사용하며, 숫자가 작을 수록 큰 제목을 표시하는 데 사용합니다.

 

 

<p>

하나의 문단을 표시할 때 사용합니다.

 

 

<hr>

가로로 선을 긋는 태그입니다. (종료태그 없음)

 

 

<br>

줄바꿈 태그로 HTML에서 개행 역할을 합니다. (종료태그 없음)

 

 

<i>

텍스트를 이텔릭체로 표시할 때 사용합니다.

 

 

<em>

텍스트를 이텔릭체로 강조할 때 사용합니다.

 

 

<b>

텍스트를 진하게 표시할 때 사용합니다.

 

 

<strong>

텍스트를 진하게 강조할 때 사용합니다.

 

 

※ <b> vs <strong> 차이, <i> vs <em> 차이

• b 태그와, i 태그는 단순히 텍스트를 진하게 그리고 이텔릭체로 표시하는 역할만 합니다. 그러나 strong 태그와 em태그는 실제로 페이지 내의 중요한 부분으로 강조하고 싶을때 사용합니다.
• strong, em 태그를 용도에 맞게 사용하면 웹 접근성에 큰 기여를 합니다.

 

 

---

실습

<h1>애국가</h1>
<p>안익태 작곡</p>
<hr>
<h4>1절</h4>
동해 물과 백두산이 마르고 닳도록<br>
하느님이 보우하사 우리나라 만세.<br>
<i>무궁화 삼천리 화려 강산</i><br>
<b>대한 사람, 대한으로 길이 보전하세.</b>
<h4>2절</h4>
남산 위에 저 소나무, 철갑을 두른 듯<br>
바람 서리 불변함은 우리 기상일세.<br>
<em>무궁화 삼천리 화려 강산</em><br>
<strong>대한 사람, 대한으로 길이 보전하세.</strong>