08.HTML Text Formatting
익스랩 최고 관리자
·2019. 10. 28. 19:28
<h1>HTML 서식 요소</h1>
이전 강의에선 HTML 스타일 속성에 대해 학습했습니다.
HTML은 특별한 의미로 텍스트를 정의하기 위해 특별한 요소를 정의할 수 있습니다.
HTML은 굵은 체, 기울임 체와 같이 출력 형식을 지정하기 위해 <b> 및 <i>와 같은 요소를 사용합니다.
서식 요소는 특수한 텍스트 유형을 표시하도록 설계되어 있습니다.
<b> | 굵은 텍스트 |
<strong> | 중요 텍스트 |
<i> | 기울임 텍스트 |
<em> | 강조된 텍스트 |
<mark> | 표시된 텍스트 |
<small> | 작은 텍스트 |
<del> | 삭제된 텍스트 |
<ins> | 삽입된 텍스트 |
<sub> | 아래 첨자 텍스트 |
<sup> | 위첨자 텍스트 |
HTML <b> 및 <strong> 요소
HTML <b> 요소는 특별한 중요성 없이 굵게 표시된 텍스트를 정의합니다.
See the Pen 01.HTML <b> and <strong> Elements by heunho (@heunho) on CodePen.
HTML <strong> 요소는 의미가 "강한" 중요성이 추가된 강력한 텍스트를 정의합니다.
See the Pen 01.HTML <b> and <strong> Elements2 by heunho (@heunho) on CodePen.
HTML <i>및 <em> 요소
HTML <i> 요소는 어떤 중요성도 없이 기울임 꼴 텍스트를 정의합니다.
See the Pen 02.HTML <i> and <em> Elements1 by heunho (@heunho) on CodePen.
HTML <em> 요소는 강조된 텍스트에 의미론적 중요성을 추가하여 정의합니다.
See the Pen 02.HTML <i> and <em> Elements2 by heunho (@heunho) on CodePen.
참고 : 브라우저는 <strong><b> 및 <em><i>로 표시됩니다. 그러나 이 태그의 의미에는 차이가 있습니다. <b> 및 <i> 태그는 굵은 텍스트 또는 기울인 텍스트를 정의하지만 <strong> 및 <em> 태그는 텍스트가 "중요"함을 의미합니다.
HTML <small> 요소
HTML <small> 요소는 더 작은 텍스트를 정의합니다.
See the Pen 03.HTML <small> Element by heunho (@heunho) on CodePen.
HTML <mark> 요소
HTML <mark> 요소는 표시되거나 강조 표시된 텍스트를 정의합니다.
See the Pen 04.HTML <mark> Element by heunho (@heunho) on CodePen.
HTML <del> 요소
HTML <del> 요소는 삭제된(제거된) 텍스트를 정의합니다.
See the Pen 05.HTML <del> Element by heunho (@heunho) on CodePen.
HTML <ins> 요소
HTML <ins> 요소는 삽입 된(추가 된) 텍스트를 정의합니다.
See the Pen 06.HTML <ins> Element by heunho (@heunho) on CodePen.
HTML <sub> 요소
HTML <sub> 요소는 아래 첨자 텍스트를 정의합니다.
See the Pen 07.HTML <sub> Element by heunho (@heunho) on CodePen.
HTML <sup> 요소
HTML <sup> 요소는 위 첨자 텍스트를 정의합니다.
See the Pen 08.HTML <sup> Element by heunho (@heunho) on CodePen.
틀린 내용, 오타, 오역이 있을 경우 댓글로 알려주시면 감사하겠습니다.
질문도 올려주시면 아는 선에서 답변해드리겠습니다.
대부분의 내용의 저작권은 w3schools에 있습니다.
'IT 언어 연구소 > HTML,CSS [초급, 기본 개념, W3C 번역]' 카테고리의 다른 글
10.HTML Comments (0) | 2019.10.28 |
---|---|
09.HTML Quotation (0) | 2019.10.28 |
07.HTML Styles (0) | 2019.10.28 |
06.HTML Paragraphs (0) | 2019.10.28 |
05.HTML Heading (0) | 2019.10.28 |