HTML 입문 | HTML 텍스트 요소 | 문자열 서식(Text Formatting)

HTML은 텍스트(text)에 다양한 효과를 주는 여러 태그(tag)를 제공한다.

강조 <b>와 <strong>

텍스트를 굵게 표시를 해야 할 경우에는 <b>(bold text)태그나 <strong>태그를 사용한다.

<p><b>이 문장은 굵게 표시합니다.</b>은 단순히 글씨가 굵은 부분이에요!</p>
<p><strong>이 문장은 강조하여 표시합니다.</strong></p>

코드 실행

이탤릭체 <i>와 <em>

이탤릭체를 표시를 해야 할 경우에는 <i>(italic text)태그나 <em>(emphasized text)태그를 사용한다.

<p><i>이 문장은 이테릭체입니다.</i></p>
<p><em>이 문장은 강조합니다.</em></p>

코드 실행

마킹 표시 <mark>

<mark> 태그는 텍스트에 하이라이팅(highlighting)을 해준다.

<p>이 부분은 <mark>하이라이팅</mark> 됩니다 </p>

코드 실행

추가 <ins>

<ins>(insert)태그는 텍스트 밑줄을 쳐서 텍스트를 삽입한 거처럼 해준다.

<p>내가 좋아하는 과일을 <ins>바나나</ins> 사과입니다.</p>

코드 실행

삭제 <del>

<del>(delete)태그는 텍스트에 줄을 쳐서 텍스트를 지운 거처럼 해준다.

<p>내가 좋아하는 과일을 <del>바나나</del> 사과입니다.</p>

코드 실행

위첨자 <sup>

위첨자는 <sup>(superscript)태그을 사용한다.

<p>X<sup>2</sup> + Y<sup>3</sup> = Z</p>

코드 실행

아래첨자 <sub>

아래첨자는 <sub>(subscript)태그을 사용한다.

<p>물을 나타내는 화학식은 H<sub>2</sub>O 입니다.</p>

코드 실행