본문 바로가기

HTML5

[HTML5] #2.html5 태그

HTML 서식 요소

서식 요소는 다음과 같은 특수 유형의 텍스트를 표시하도록 설계되었다.

 

Text Formatting Tag

<b> 텍스트를 굵게 출력
<strong> 텍스트를 굵게 + 중요함 의미
<i> 텍스트를 이탤릭체로 출력
<em> 텍스트를 이탤릭체 + 중요함 의미
<small> 텍스트 폰트 크기를 작게한다. 
<sub> 첨자 텍스트
<sup> 위첨자 텍스트
<ins> 삽입된 텍스트에 밑줄을 긋는다.
<del> 텍스트에 취소선을 긋는다.
<mark> 텍스트에 형광펜처럼 강조표시

 

<b> 태그

텍스트를 굵게 출력하는 태그입니다.

 

<b>해당 내용을 굵게 표시</b>

 

 

<strong>태그

텍스트를 굵게 출력하면서 의미적으로 중요함을 나타내는 태그입니다.

 

<strong> <b>와 비슷하게 텍스트가 굵게 표시되지만 의미적으로 더 중요함을 뜻한다.</strong>

 


<i>태그

텍스트를 이탤릭체로 출력하는 태그입니다.

 

<i>텍스트를 이탤릭체로 표시한다.</i>

 

 

<em>태그

텍스트를 이탤릭체로 출력하면서 의미적으로 중요함을 나타냅니다.

 

<em>&lt;i&gt;와 비슷하게 텍스트가 이탤릭체로 표시되지만 의미적으로 더 중요함을 나타낸다.</em>

 

* 여기서 &lt; 와 &gt;는 각각 <, > 표시를 나타낸다.

 


<small>태그

텍스트를 작게 출력하는 태그입니다.

 


<sup>태그

윗 첨자 넣을때 사용하는 태그입니다.

 

 

<sub>태그

밑 첨자 넣을때 사용하는 태그입니다.

 


<ins>태그

<ins>태그는 insert의 약자로, 텍스트를 삽입했을때 텍스트에 밑줄을 긋는 태그입니다.

 

<del>태그

<del>태그는 delete의 약자로, 텍스트를 삭제했을때 텍스트에 취소선을 긋는 태그입니다.

 

 

 

 

 

 


* Reference

https://wikidocs.net/86239

'HTML5' 카테고리의 다른 글

[HTML5] src, href 속성 정리  (0) 2022.09.28
[HTML5] input태그 속성 : autofocus, placeholder  (0) 2022.07.31
[HTML5] #3.html5  (0) 2022.07.24
[HTML5] #1. html5 태그  (0) 2022.07.24
[HTML5] HTML5 사용을 위한 VSCODE초기 설정  (0) 2022.07.21