HTML 텍스트 서식 지정(HTML Text Formatting)

Text Formatting

텍스트 서식 지정

This text is bold

This text is italic

This is _subscript and ^superscript

Try it Yourself »

---

HTML Formatting Elements

HTML 서식 요소

In the previous chapter, you learned about the HTML style attribute.

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

HTML also defines special elements for defining text with a special meaning.

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

HTML uses elements like <b> and <i> for formatting output, like bold or italic text.

HTML과 같은 요소 사용 <b>과 <i>같은 출력 서식을 굵게 또는 기울임 꼴 텍스트를.

Formatting elements were designed to display special types of text:

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

• <b> - Bold text
• <strong> - Important text
• <i> - Italic text
• <em> - Emphasized text
• <mark> - Marked text

• <small> - Small text
• <del> - Deleted text
• <ins> - Inserted text
• <sub> - Subscript text
• <sup> - Superscript text

---

HTML <b> and <strong> Elements

HTML <b> 및 <strong> 요소

The HTML <b> element defines bold text, without any extra importance.

HTML <b>요소는 특별히 중요하지 않고 굵게 표시된 텍스트를 정의합니다 .

Example

<b>This text is bold</b>

Try it Yourself »

The HTML <strong> element defines strong text, with added semantic "strong" importance.

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

Example

<strong>This text is strong</strong>

Try it Yourself »

---

HTML <i> and <em> Elements

HTML <i> 및 <em> 요소

The HTML <i> element defines italic text, without any extra importance.

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

Example

<i>This text is italic</i>

Try it Yourself »

The HTML <em> element defines emphasized text, with added semantic importance.

HTML <em>요소는 강조된 텍스트를 의미 론적 중요성을 추가하여 정의합니다 .

Example

<em>This text is emphasized</em>

Try it Yourself »

Note: Browsers display <strong> as <b>, and <em> as <i>. However, there is a difference in the meaning of these tags: <b> and <i> defines bold and italic text, but <strong> and <em> means that the text is "important".

참고 : 브라우저 <strong>는 <b>, 및 <em>로 표시 됩니다 <i>. 

그러나, 이러한 태그의 의미의 차이는 다음 <b>과 <i>굵은 이탤릭체 텍스트를 정의하지만, <strong>및 <em>텍스트가 "중요"을 의미합니다.

---

HTML <small> Element

HTML <small> 요소

The HTML <small> element defines smaller text:

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

Example

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

Try it Yourself »

---

HTML <mark> Element

HTML <mark> 요소

The HTML <mark> element defines marked or highlighted text:

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

Example

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

Try it Yourself »

---

HTML <del> Element

HTML <del> 요소

The HTML <del> element defines deleted (removed) text.

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

Example

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

Try it Yourself »

---

HTML <ins> Element

HTML <ins> 요소

The HTML <ins> element defines inserted (added) text.

HTML <ins>요소는삽입 된 (추가 된) 텍스트.

Example

<p>My favorite <ins>color</ins> is red.</p>

Try it Yourself »

---

HTML <sub> Element

HTML <sub> 요소

The HTML <sub> element defines subscripted text.

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

Example

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

Try it Yourself »

---

HTML <sup> Element

HTML <sup> 요소

The HTML <sup> element defines superscripted text.

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

Example

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

Try it Yourself »

---

Test Yourself with Exercises!

---

HTML Text Formatting Elements

HTML 텍스트 서식 요소

Tag	Description
<b>	Defines bold text  굵은 글씨체를 정의합니다.
<em>	Defines emphasized text  강조 텍스트 정의
<i>	Defines italic text  기울임 꼴 텍스트 정의
<small>	Defines smaller text  작은 텍스트를 정의합니다.
<strong>	Defines important text  중요한 텍스트를 정의합니다.
<sub>	Defines subscripted text  아래 첨자 텍스트 정의
<sup>	Defines superscripted text  윗 첨자 텍스트 정의
<ins>	Defines inserted text  삽입 된 텍스트를 정의합니다.
<del>	Defines deleted text  삭제 된 텍스트를 정의합니다.
<mark>	Defines marked/highlighted text  강조 표시된 텍스트를 정의합니다.

---

출처 : https://www.w3schools.com