[HTML5] 글자 모양 태그

글자 모양 태그는 글자에 밑 줄이나 기울여 쓰거나 진하게 쓰는 등의 간단한 문서 효과를 주기 위한 것 입니다.

스타일에서도 이는 가능하지만, HTML 자체가 원래 문서를 표현하는데 쓰였기 때문에 이정도의 간단한 정도는 태그로도 가능 합니다.

글자 모양 태그를 사용할 때 주의해야 할 점은

글자 태그 안에 다른 태그를 위치하는 것은 표준에 위배됩니다.

물론 웹 브라우저는 여러분들이 이정도 표준을 무시하고 휘갈겨 놔도 출력은 해주지만,

결코 옳은 행동은 아니며, 표준은 지키라고 있는것이고 지키는 편이 훨씬 유리하기 때문입니다.

1. 진하게 (Bold) - <b>

글씨를 쓸 때 진하게 쓰던 것들이 이것 입니다.

사용은 적용하고 싶은 글씨를 이 태그로 감싸 주기만 하면 됩니다.

입력

나는 이 점을 <b>중요</b>하게 생각한다.

출력

나는 이 점을 중요하게 생각한다.

2. 기울임 (Italic)- <i>

글씨를 기울이는 것 입니다.

입력

<i>기울여서 보입니다.</i>

출력

기울여서 보입니다.

3. 밑줄 긋기 - <ins>

말이 필요 없습니다. 그냥 밑줄을 긋습니다.

입력

<ins>여러분의 교과서에는 밑줄따위 없지요.</ins>

출력

여러분의 교과서에는 밑줄따위 없지요.

4. 작게 - <small>

그냥 작게 보이는 태그입니다.

예전에는 big 태그도 있었다고는 하나 HTML5에서 사라졌다라고 합니다.

입력

그냥 글씨 <small>작은 글씨</small>

출력

그냥 글씨 작은 글씨

5. 아래 첨자 (Subscription) - <sub>

아래 첨자는 글씨를 원래 크기보다 작게 표현하지만, 아래쪽에 붙여서 출력이 됩니다.

예를 들면 분자기호 같은 것을 표현할 때 쓸 수 있습니다.

입력

물은 H₂O 입니다.

출력

물은 H₂O 입니다.

6. 위 첨자 (Superscription) - <sup>

위 첨자는 글씨를 원래 크기보다 작게 표현하지만, 위쪽에 붙어서 출력이 됩니다.

예를 들면 제곱을 표현할 때 사용할 수 있습니다.

그리고 이 단어에 대한 각주를 달 때도 더욱 보기 좋게 달 수 있습니다.

입력

E=MC²

출력

E=MC²

글의 하단에 밑줄을 긋는 것 입니다.

7. 취소선(Delete) - <del>

내용을 남기고 무언가 잘못됬다던지 할 때.

글에 가운데에다가 줄을 쓱 긋고 잘못됬다라는 표기 등을 할 때 사용합니다.

입력

<del>제가 사실 천사입니다.</del>

출력

제가 사실 천사입니다.