All about WEB/All about HTML

9. HTML 텍스트 서식(Text Formatting)

① 서식 요소(Formatting elements)는 텍스트에 특별한 의미를 부여하기 위한 요소이다.

  ㉠<b> - Bold text

    ⓐ <b> 요소는 요소 내의 텍스트를 웹브라우저에 굵게 표시되게 한다.

 

Bold text

 

  ㉡ <strong> - Important text

    <strong> 요소는 요소 내의 텍스트를 웹브라우저에 굵게 표시되게 해주며, 그 내용이 중요하다는 의미도 포함시킨다.

 

Important text

 

  ㉢ <i> - Italic text

    <i> 요소는 요소 내의 텍스트를 웹브라우저에 기울임꼴로 표시되게 한다.

 

Italic text

 

  ㉣ <em> - Emphasized text

    <em> 요소는 요소 내의 텍스트를 웹브라우저에 기울임꼴로 표시되게 해주며, 그 내용이 중요하다는 의미도 포함시킨다.

 

Emphasized text

 

  ㉤ <mark> - Marked text

    <mark> 요소는 요소 내의 텍스트를 웹브라우저에 형광펜칠된 상태로 표시해준다.

 

Marked text

 

  ㉥ <small> - Smaller text

    <small> 더 작은 텍스트를 정의한다.

 

Smaller text

 

  ㉦ <del> - Deleted text

    <del> 태그는 취소선을 긋는 효과를 적용시켜 준다.

 

Deleted text

 

  ㉧ <ins> - Inserted text

    <ins> 태그는 텍스트에 밑줄을 긋는 효과를 적용시켜 준다.

 

Inserted text

 

  ㉨ <sub> - Subscript text

    <sub> 텍스트를 아래 첨자로 만드는 효과를 적용시켜 준다.

 

TextSubscipt text

 

  ㉩ <sup> - Superscript text

    <sup> 텍스트를 위 첨자로 만드는 효과를 적용시켜 준다.

 

TextSuperscript text

 

  ㉪ 각 텍스트 형식 요소를 비교해보면 다음과 같다.

 

굵게 굵게+중요함 기울임꼴 기울임꼴+중요함 하이라이트 작게 취소선 밑줄 아래

'All about WEB > All about HTML' 카테고리의 다른 글

11. HTML 주석(Comments)  (0) 2021.06.15
10. HTML 인용구 요소(Quotation and Citation Elements)  (0) 2021.06.15
8. HTML 단락(Paragraphs)  (0) 2021.06.05
7. HTML 제목 (Headings)  (0) 2021.06.05
6. HTML 속성(attribute)  (0) 2021.06.05