2 텍스트

2
텍스트

<p> 태그는 본문을 작성하는 데 사용된다.

<h[1-6]> 제목

제목을 표시할 때 사용한다. h1부터 h6까지 6단계가 있으며 h1은 한 문서 내에서 한 번만, 소제목을 표현할 때에는 단계에 따라 h2, h3...와 같이 사용하는 것을 권장한다.

<p> 본문

본문을 작성할 때 사용한다. 문장마다 이 태그를 이용하는 것보다는 문단마다 사용하는 것이 좋다.

<strong> <em> <b> 강조

단어나 문장을 강조할 때 사용한다. 가장 강한 강조로 <strong>을 사용하고, <em>과 <b>는 보다 약하게 강조하는 경우 사용한다. <b>는 강조의 의미 없이 굵은 폰트를 사용할 때에 적용한다.

<i> 이탤릭체

기울임꼴로 표시된다. <em>도 기본적으로는 기울임꼴로 표시되지만, CSS로 다른 속성을 지정할 수 있다.

<ins> <u> 밑줄

밑줄을 표시한다. <ins>는 문장에 삽입된 텍스트에, <u>는 철자 오류를 지적하는 데 주로 쓰인다.

<del> <s> 취소선

텍스트를 가로지르는 가로선을 표시한다. <del>은 문장에서 삭제된 텍스트에, <s>는 다른 취소선을 나타내는 데 주로 쓰인다.

<sup> <sub> 위첨자/아래첨자

위첨자나 아래첨자를 나타낼 때 쓰인다.

<small> 작은 글씨

텍스트를 작게 표시한다. CSS로도 할 수 있겠지만 저작권 정보를 적거나 주석을 달 때 태그 자체를 다르게 하는 경우 사용한다.

<br> 강제 개행

문단 내에서 줄바꿈을 할 때 사용한다. 가독성을 위해 권장되는 태그는 아니지만 시와 같이 줄바꿈을 표현적 요소로 사용하거나 제목을 정리하는 경우 등에서 사용된다.

<hr> 가로선

가로줄을 삽입한다. 주제 분리 요소의 기능을 한다.

<abbr> 약어 설명

마우스 커서를 호버링하면 약어의 풀이를 표시할 수 있다.

<wbr> 단어 내 개행

(주로) 알파벳을 사용하는 언어에서 단어 내에서 개행이 이루어질 위치를 지정하는 데 사용된다. 한글은 양쪽 맞춤의 경우 개행이 글자별로 이루어지므로 주로 사용되지는 않는다.

<blockquote> <q> 인용구

인용구를 지칭하는 태그이다. <q> 태그는 인라인으로 작동한다.

<pre> 서식 있는 텍스트

WYSIWYG 도구를 이용해 텍스트를 편집하는 것처럼 개행을 인식하고 여러 개의 공백 문자를 연속적으로 사용하더라도 하나로 취급하지 않는다. 다른 태그를 자식 요소로 포함하고 있을 경우 의도치 않게 작동할 수 있으므로 가급적이면 단독적으로 사용해야 한다.

<code> <kbd> <samp> <var> 변수 또는 프로그래밍 언어로 작성된 코드 삽입

변수를 표현하기 위해(<var>), 키보드나 음성 입력 장치 등 임의의 장치를 사용한 사용자의 입력을 나타내기 위해(<kbd>), 컴퓨터 프로그램의 출력을 인용하기 위해(<samp>), 컴퓨터 코드의 일부분을 나타낼 때(<code>) 사용된다. 주로 고정폭 글꼴로 표현되는 것이 기본 설정이다.

<ruby> 후리가나 표기

일본어에서 한자의 발음을 표시해 주는 문자인 후리가나를 작성하기 위한 코드. 일본어를 대응하는 웹사이트를 만들 계획이 아니라면 쓸 일은 없을 것이다.