HTML TEXT요소 - 서식편

HTML은 텍스트에 다양한 효과를 주는 여러 태그를 제공합니다.

---

굵은글씨

HTML문서에서 텍스트를 굵은 글씨로 표현하고 싶을 때에는 <b> 또는 <strong>태그를 사용합니다.

<p><b>굵은</b>글씨에요</p>
<p><strong>중요한 굵은</strong>글씨에요</p>

<b>태그는 단순하게 굵은 글씨를 표현합니다.

<strong>태그는 굵은 글씨를 표현함과 동시에 내용이 중요하다는 의미 또한 함께 포함합니다.

 

기울림(이탤릭체)

이탤릭체를 표현하고 싶을 경우 <i>태그 또는 <em>태그를 사용하여 표현합니다.

<p><i>이탤릭</i>체로 표현했어요!</p>
<p><em>중요한 이탤릭</em>체로 표현했어요!</p>

<i>태그는 단순하게 텍스트를 이탤릭체로 표현합니다.

<em>태그는 이탤릭체를 표현함과 동시에 내용이 중요하다는 의미 또한 함께 포함합니다.

 

검색엔진에서 <strong>태그와 <em>태그를 사용하면 더 중요한 내용으로 인식합니다.

---

하이라이팅

<mark>태그는 텍스트의 하이라이트 효과를 적용 시킵니다.

<p><mark>하이라이트</mark>효과를 적용해 보아요.</p>

하이라이트 효과를 적용해 보아요.

---

삭제

<del> 태그는 텍스트 중앙에 가로 줄을 만들어 마치 텍스트를 지운 것 과 같은 효과를 줍니다.

예시로 쇼핑몰에서 원가와 할인가를 표기할 경우 많이 사용됩니다.

<p><del>99,000원</del>10,000원</p>

ex: 99,000원10,000원

---

삽입

<ins>태그는 텍스트 아래로 가로 줄을 나타내는 효과를 줍니다.

<p><ins>밑줄</ins>에 들어갈 내용은 무었일까요?</p>

ex: 밑줄에 들어갈 내용은 무었일까요?

---

위첨자와 아래첨자

위첨자는 <sup>태그를 사용하여, 아래첨자는 <sub>태그를 사용하여 각각 표현할 수 있습니다.

<p>x<sup>2</sup> 제곱근</p>
<p>H<sub>2</sub> 수소의 화학식</p>