[Html] HTML 텍스트 형식, 인용문 종류 (Formatting, Quotations)

HTML 텍스트 형식

HTML에는 특별한 의미를 지닌 텍스트를 정의하기 위한 여러 요소가 포함되어 있습니다.

 

 

<b> - 굵은 텍스트

This text is bold

<b>This text is bold</b>

 

 

<strong> - 중요한 텍스트

This text is important!

<strong>This text is important!</strong>

 

 

<i> - 기울임꼴 텍스트 (기술 용어, 다른 언어의 문구, 생각, 선박 이름 등을 나타내는 데 자주 사용)

This text is italic

<i>This text is italic</i>

 

 

<em> - 강조된 텍스트

This text is emphasized

<em>This text is emphasized</em>

 

 

<mark> - 표시된 텍스트

Do not forget to buy milk today.

<p>Do not forget to buy <mark>milk</mark> today.</p>

 

 

<small> - 더 작은 텍스트

This is some smaller text.

<small>This is some smaller text.</small>

 

 

<del> - 삭제된 텍스트

My favorite color is blue red.

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

 

 

<ins> - 삽입된 텍스트

My favorite color is blue red.

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

 

 

<sub> - 아래 첨자 텍스트

This is _subscripted text.

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

 

 

<sup> - 위 첨자 텍스트

This is ^{superscripted} text.

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

 

 

---

 

HTML 인용 및 인용 요소

 

<blockquote> - 다른 소스에서 인용된 섹션을 정의

Here is a quote from WWF's website:

For 60 years, WWF has worked to help people and nature thrive. As the world's leading conservation organization, WWF works in nearly 100 countries. At every level, we collaborate with people around the world to develop and deliver innovative solutions that protect communities, wildlife, and the places in which they live.

<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 60 years, WWF has worked to help people and nature thrive. As the world's leading conservation organization, WWF works in nearly 100 countries. At every level, we collaborate with people around the world to develop and deliver innovative solutions that protect communities, wildlife, and the places in which they live.
</blockquote>

 

 

<q> - 짧은 인용문을 정의

WWF's goal is to: Build a future where people live in harmony with nature.

<p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q></p>

 

 

 

<abbr> - "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM"과 같은 약어 또는 두문자어를 정의

The WHO was founded in 1948.

<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>

 

 

 

<address> - 문서나 기사의 작성자/소유자의 연락처 정보를 정의

Written by John Doe.
Visit us at:
Example.com
Box 564, Disneyland
USA

<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

 

 

 

<cite> - 창작 작품(예: 책, 시, 노래, 영화, 그림, 조각 등)의 제목을 정의

The Scream by Edvard Munch. Painted in 1893.

<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>

 

 

<bdo> - 양방향 재정의를 나타냅니다.

This text will be written from right to left

<bdo dir="rtl">This text will be written from right to left</bdo>

 

 

---

 

요약