HTML 텍스트 태그에는 어떤 태그들이 있을까?

 

텍스트 관련 요소 

01. 제목 관련 태그

요소유형	태그명	태그의 의미 및 특징
블록 요소	<h1>~<h6>	제목 글자 태그 h1이 제일 높고 h6가 제일 낮음

 

02.글자 형태 태그

요소유형	태그명	태그의 의미 및 특징
인라인 요소	<em></em>	강조하고 싶은 텍스트를 정의하기 위한 태그이며 기울임체로 표시됩니다.
	<strong></strong>	중요한 텍스트를 정의하기 위한 태그이며 굵은체로 표시됩니다.
	<mark></mark>	주의 깊게 볼 텍스트 부분을 강조하기 위한 태그이며 노란색으로 표시됩니다.
	<b></b>	의미를 가지고 있지 않으며 단순히 텍스트를 굵은체로 표시합니다.
	<small></small>	주의 사항, 법적 제한, 저작권 등을 정의하기 위한 태그이며 작은글씨로 표시됩니다.
	<sub></sub>	아래첨자 텍스트를 정의하기 위한 태그입니다.
	<sup></sup>	위첨자 텍스트를 정의하기 위한 태그입니다.

 

텍스트 요소 중에 <em> 태그와 <strong> 태그는 의미가 비슷해 보일 수 있지만 <em> 태그의 경우 문장에서 어떤 단어를 강조하느냐에 따라 문맥의 의미가 달라질 수 있고 <strong> 태그는 문장에서 일반적으로 중요한 단어를 강조하기 때문에 문맥의 의미에 변화를 주지 않습니다. 

 

<em> <strong> 예제

 

<p>이제 학교 갈 시간이니 어서 일어나렴. <em>얼른!!</em></p>

<p><strong>주의!</strong> 이번 역은 승강장 사이와의 간격이 넓으니 주의하시기 바랍니다!</p>

또한 문장에서 강조나 중요의 의미가 아니라 단순히 기울임체나 굵은체로 표시하고 싶다면 태그를 사용하지 않고 CSS를 이용하여 표현 할 수 있습니다.

 

 03. 본문 태그

태그	설명
<p></p>	하나의 문단을 나타내는 태그
<br></br>	줄바꿈을 생성하는 태그, 종료 태그는 없음
<pre></pre>	형식화된 텍스트를 나타내는 태그, HTML에 작성한 내용 그대로 표현
<hr></hr>	수평선을 삽입하는 태그
<q></q>	짧은 인용문을 지정하는 태그, 브라우저에서는 앞과 뒤에 따옴표를 붙여 표현
<blockquote>  </blockquote>	인용문임을 나타내는 태그, 들여쓰기를 한 것으로 표시