HTML 독학을 위한 HTML의 텍스트 태그 <em>, <ins>, <del> 등등

https://swpfun.tistory.com/605

 

HTML 독학을 위한 HTML 문자 태그활용 , , ,

이번에는 문자 태그의 사용에 대해서 공부해보겠습니다. 태그! 태그 뒤의 n은 1~6까지의 숫자를 의미합니다. 티스토리, 네이버 등등 블로그나 커뮤니티 사이트에서 글쓰기를 할때 제목이나 내용

swpfun.tistory.com

 

지난 글에서 대표적인 텍스트 태그인 <hn>, <b>, <i>, <u> 태그에 대해서 공부했었습니다. 이번 시간에는 이전에 공부했던 텍스트(문자) 태그 이외에 <em>, <ins>, <del>, <strong>, <sup>, <sub>,<mark> 태그들에 대해서 공부해보는 시간을 가져보겠습니다. 

 

<em>태그 

<em>태그는 텍스트를 이탤릭체로 표시해주는 역할을 합니다. 

<em> 이탤릭체로 표시 됩니다 </em>
이탤릭체로 표시 됩니다

 

<ins>태그 <del>태그

<ins>태그는 문서 작업을 할때 새로운 내용이 삽입 되었다고 밑줄을 통해 표시해줍니다.

<del>태그는 문서 잡업을 할때 기존의 내용이 삭제 되었다고 가로줄을 통해 표시해줍니다. 

오늘 날씨가 <ins>너무</ins> 덥다.  오늘 날씨가 <del>너무</del> 덥다.
오늘 날씨가 너무 덥다. 오늘 날씨가 너무 덥다.

 

<sup>태그 <sub>태그

위첨자(sup)와 아래첨자(sub)를 표시해주는 태그

수학과 관련한 텍스트를 사용할때 많이 사용될 수 있는 위첨자와 아래첨자 기능을 제공합니다. 아래 결과를 통해서 한번 확인해 보겠습니다. 

이차방정식 ax<sup>2</sup> + bx + c = 0 (a ≠ 0)
이산화탄소 H<sub>2</sub>O
이차방정식 ax2 + bx + c = 0 (a ≠ 0) 이산화탄소 H2O

 

<Strong>태그

텍스트의 강조를 위해 굵게 표시해주는 태그

<strong> 문자를 강조~ </strong>
문자를 강조 ~

 

<mark>태그

텍스트에 형광색으로 표시해주는 태그

오늘은 날씨가 <mark>너무</mark> 덥다.
오늘은 날씨가 너무 덥다.

 

 

 

HTML의 궁금한 내용이 있으시면 아래쪽 댓글에 남겨주시면 가능한 먼저 기능에 대한 설명을 드릴 수 있도록 노력하겠습니다. 

댓글(1)

  • 2020.06.22 17:03 신고

    오!! 형광색으로 할수 있는것도 있다니
    정말 신기한데요!!!
    mark
    오!!! 오늘 정말 감사히 잘 배우고 갑니다~

Designed by JB FACTORY