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> 텍스트를 아래 첨자로 만드는 효과를 적용시켜 준다.

 

Text_{Subscipt text}

 

  ㉩ <sup> - Superscript text

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

 

Text^{Superscript text}

 

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

 

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