thinkNote

▶ HTML 에는 특별한 의미가 있는 텍스트를 정의하기 위해 여러개의 요소가 포함된다.

■ HTML 서식 요소

▶ 서식 요소는 특별한 유형의 텍스트를 표시하도록 설계되었다.

▷ <b> : 볼드체

▷ <strong> : 중요한 텍스트

▷ <i> : 이텔릭체

▷ <em> : 텍스트 강조

▷ <mark> : 마크(하이라이트) 텍스트

▷ <small> : 작은 텍스트

▷ <del> : 삭제 텍스트

▷ <ins> : 삽입 텍스트

▷ <sub> : 아래 첨자 텍스트

▷ <sup> : 위첨자 텍스트

■ HTML <b> 와 <strong> 요소

▶ HTML <b> 요소는 추가적으로 중요성이 없는 볼드체를 정의한다.

<b> 볼드체 </b>

▶ HTML <strong> 요소는 매우 중요한 텍스트를 정의한다.

▶ 내부 내용은 일반적으로 굵게 표시된다.

<strong> 중요한 텍스트 </strong>

■ HTML <i> 와 <em> 요소

▶ HTML <i> 요소는 텍스트 일부를 대체 음성 혹은 분위기를 정의한다.

▶ 내부 내용은 일반적으로 이텔릭체로 표시된다.

※ <i> 태그는 보통 기술 용어, 다른 언어의 구문, 생각, 선박 이름 등을 나타내는 데 사용한다.

<i> 이텔릭체 </i>

▶ HTML <em> 요소는 강조 텍스트를 정의한다. 

▶ 내부 내용은 일반적으로 이텔릭체로 표시된다.

※ 스크린 리더는 말을 강조하여 <em> 에 있는 단어를 강조하여 발음한다.

<em> 강조 텍스트 </em>

■ HTML <small> 요소

▶ HTML <small> 요소는 작은 텍스트를 정의한다.

<small> 작은 텍스트 </small>

■ HTML <mark> 요소

▶ HTML <mark> 요소는 표시나 강조해야하는 텍스트를 정의한다.

<p> 오늘은 <mark>우유</mark>를 샀다. </p>

■ HTML <del> 요소

▶ HTML <del> 요소는 문서로 부터 삭제된 텍스트를 정의한다.

▶ Browser는 보통 삭제된 테스트를 통해 줄을  긋는다.

<p> 내가 좋아하는 색은 <del>빨간</del> 파란색이다. </p>

■ HTML <ins> 요소

▶ HTML <ins> 요소는 문서에서 삽입된 텍스트를 정의한다.

▶ Browser는 보통 삽입된 텍스트에 밑줄친다.

<p> 내가 좋아하는 색은 <del>빨간</del> <ins>파란</ins>색이다. </p>

■ HTML <sub> 요소

▶ HTML <sub> 요소는 아래첨자 텍스트를 정의한다.

▶ 아래첨자 텍스트는 일반적인 줄 아래에 문자의 절반으로 나타나고, 때론 더 작은 글꼴로 랜더링된다.

▶ 아래첨자 텍스트는 H₂O 와 같이 화학식에 사용할 수 있다.

<p> H<sub>2</sub>O </p>

■ HTML <sup> 요소

▶ HTML <sup> 요소는 위첨자 텍스트를 정의한다.

▶ 위첨자 텍스트는 일반적인 줄 위에 문자의 절반으로 나타나고, 때론 더 작은 글꼴로 랜더링된다.

▶ 위첨자 텍스트는 WWW^[1] 각주에 사용할 수 있다.

<p> WWW<sup>[1]</sup> </p>

출처 : https://www.w3schools.com/html/html_formatting.asp