본문 바로가기
함께공부해요!/HTML5

9. html 텍스트 서식 지정

by roxanne_91 2017. 12. 11.

HTML서식 요소

이전 장에서는 HTML스타일 속성에대해 학습했습니다.

특별한 의미로 텍스트를 정의하기 위한 특별한 요소를 정의합니다.

HTML은 굵은 글꼴이나, 기울임꼴 텍스트와 같이 출력형식을 지정하기 위해 <b>와 <i>같은 요소를 사용합니다.

서식 요소는 특수한 텍스트 유형을 표시하도록 설계되었습니다.


<b> - 굵은 글씨체

<strong> - 중요텍스트

<i> - 기울임꼴 텍스트

<em> - 강조된 텍스트

<mark> - 표시된 텍스트

<small> - 작은 텍스트

<del> - 삭제된 텍스트

<ins> - 삽입된 텍스트

<sub> - 아래 첨자 텍스트

<sup> - 위 첨자 텍스트


HTML <b>및 <strong>요소

HTML<b>요소는 특별한 중요성없이 굵게 표시된 텍스트를 정의합니다.

<b>This text is bold</b>


HTML<storng> 요소는 의미가 "강한" 중요성이 추가 된 강력한 텍스트를 정의합니다.

<strong>This text is strong</strong>



HTML<i>및 <em>요소

HTML<i>요소는 아무 중요성없이 기울임꼴 텍스트를 정의합니다.

<i>This text is italic</i>


HTML <em>요소는 의미가 중요한 강조 텍스트를 정의합니다.

<em>This text is emphasized</em>



HTML<small>요소

HTML<small>요소는 더 작은 텍스트를 정의합니다.

<h2>HTML <small>Small</small> Formatting</h2>


HTML<mark>요소

HTML<mark>요소는 두드러진 또는 강조 표시된 본문

<h2>HTML <mark>Marked</mark> Formatting</h2>

HTML <del>요소

HTML<del>요소는 삭제된텍스트

<p>My favorite color is <del>blue</del> red.</p>


HTML<sub>요소

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

<p>This is <sub>subscripted</sub> text.</p>


HTML<sup>요소

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

<p>This is <sup>superscripted</sup> text.</p>


'함께공부해요! > HTML5' 카테고리의 다른 글

11. HTML주석  (0) 2017.12.13
10. HTML 인용문과 인용문 요소  (0) 2017.12.12
8. HTML 스타일  (0) 2017.12.07
7. HTML 단락  (0) 2017.12.06
6. HTML 표제  (0) 2017.12.05

댓글