[HTML] HTML 다루기 (2)

이전 글에서 HTML의 개념과 태그 구성에 대해 알아보았다.

이번 글에서는 HTML의 텍스트 관련 태그에 대해 알아보도록 하자.

텍스트 관련 태그

<hn>

• 제목 또는 부제목을 나타내는 태그
• h1 ~ h6까지 있으며, h1(상위 제목) <-> h6(하위 제목) 의 관계를 가진다.
• h1은 페이지당 한 번 사용되는 것이 좋다.
• 순서를 건너뛰지 않는 것이 좋다. (h1 사용 후에는 h2 사용)

<br>

• 줄바꿈 태그
• 닫는 태그가 필요 없다.
• 한 번의 <br>은 한 번의'\n'(개행문자)을 의미한다.
• 단순 시각적인 줄바꿈을 위해 사용한다.

<p>

• 줄바꿈 태그 + 문단 구분 태그
• <p> ~ </p> 태그 사이의 내용은 한 문단임을 나타낸다.

<b>

• 강조 태그
• <b> ~ </b> 태그 사이의 내용을 시각적으로만 강조한다.

<strong>

• 강조 태그 + 검색 엔진 등에게 중요한 정보임을 나타내는 태그
• <strong> ~ </strong> 태그 사이의 내용을 강조하며, 검색 엔진등에게 중요한 정보임을 나타낸다.

<i>

• 기울임 태그
• <i> ~ </i> 태그 사이의 내용을 시각적으로만 기울인다.

<em>

• 기울임 태그 + 검색 엔진 등에게 중요한 정보임을 나타내는 태그
• <em> ~ </em> 태그 사이의 내용을 기울이며, 검색 엔진등에게 중요한 정보임을 나타낸다.

<small>

• 글씨를 작게 나타내는 태그

<cite>

• 저작물의 출처 표기 태그
• <cite> ~ </cite> 태그 사이에 저작물의 제목을 넣어 저작물임을 표기한다.

<mark>

• 하이라이트 태그
• <mark> ~ </mark> 태그 사이에는 사용자가 관심 가질 만한 내용을 넣는다.

<sup>

• 거듭제곱, 위첨자 태그
• ^~ 태그 사이로 감싸 내용이 아래첨자임을 표현한다.

<sub>

• 아래첨자 태그
• _~ 태그 사이로 감싸 내용이 아래첨자임을 표현한다.

<s>

• 취소선 태그
• <s> ~ </s> 태그 사이로 감싸 내용에 취소선을 긋는다.

<blockquote>

• 인용문 태그
• <blockquote> ~ </blockquote> 태그로 감싸 내용이 인용문임을 표기한다.