HTML - Text Formatting

---

※ 주의 !

이 글은 개인 공부 목적으로 많은 오류가 있을 수 있습니다. 

문제가 있다면 말씀 부탁 드리겠습니다

---

안녕하세요

 

Gon입니다.

 

이번글에서는 HTML의 문자들 즉 텍스트들의 형식을 어떻게 지정하는지에 대하여 알아보도록 하겠습니다.

 

 

HTML에서는 텍스트들을 정의하기 위한 여러 태그들이 있습니다. 대표적인 태그들은 다음과 같습니다.

 

HTML - 문자 형식 지정 태그

 

• <b>
• <strong>
• <i> 
• <em>
• <mark>
• <small>
• <del>
• <ins>
• <sub>
• <sup>

<b> Bold text

단순하게 해당 문자를 굵은 글씨로 표현 하게 할수 있는 태그 입니다.

 

이것이 b 태그 입니다.

<p><b>이것이 b 태그 입니다.</b></p>

 

 

<strong> Important text

사실 표현은 <b> 태그와 동일하지만 이 안의 텍스트는 중요하다가 HTML에서 인식하게 됩니다.

 

이것이 strong 태그 입니다.

<p><b>이것이 strong 태그 입니다.</b></p>

 

<i> Italick text

<em> Emphasized text

 

 

이것이 italic 태그 입니다.

이것이 emphasized 입니다.

<p><i>이것이 italic 태그 입니다.</i></p>
<p><em>이것이 emphasized 입니다.</em></p>

 

<mark> 강조

마치 형광팬을 이용한 것 처럼 문자를 감싸줍니다.

 

이것이

mark태그

입니다.

<p>이것이<mark>마크</mark> 입니다</p>

 

<small> 작게

글씨를 좀더 작게 쓰는 태그 입니다.

이것이 smaller태그 입니다.

<p><small>이것이 small 태그 입니다.</small></p>

 

<del> 지우는 효과

글씨를 쓰다가 지우고 싶은 것처럼 주는 태그 입니다.

이것이

dle 태그

입니다.

<p>이것이 <del>dle 태그</del>입니다.</p>

 

<ins> 밑줄 효과

 

글에 밑줄을 치는 효과를 주는 태그 입니다.

이것이

ins태그

입니다.

<p>이것이 <ins>ins태그</ins>입니다.</p>

 

<sub><sup> 상단 주석 표시 밑 하단 주석 표시

해당 효과를 이용하여 수학 기호 화학기호식등을 표현할수 있습니다.

 

O₂

2³²

<p>O<sub>2</sub></p>
<p>2<sup>32</sup></p>

 

해당 내용처럼 간단하게 해당 HTML의 문자들을 제어할수 있는 태그들에 대하여 알아보았습니다.

 

감사합니다.

 

Gon