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


스타일에서도 이는 가능하지만, 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<sub>2</sub>O 입니다.


출력

물은 H2O 입니다.


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

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


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


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


입력

E=MC<sup>2</sup>


출력

E=MC2

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


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

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


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



입력

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


출력

제가 사실 천사입니다.


'프로그래밍 > HTML5' 카테고리의 다른 글

[HTML5] 주석 달기  (3) 2016.07.20
[HTML5] 목록 태그  (0) 2016.07.20
[HTML5] 글자 모양 태그  (0) 2016.07.18
[HTML5] 하이퍼링크 태그 <a>  (0) 2016.07.15
[HTML5] 특수 문자 표기  (0) 2016.07.15
[HTML5] HTML의 간단한 소개와 사이트  (0) 2016.07.13

댓글 작성