본문 바로가기

AI/Web

HTML5 텍스트 관련 요소


텍스트 관련 요소

- 인라인 요소

- 텍스트의 모양이나 강조, 첨자 등을 정의하기 위한 태그

 

<em>

- 강조하고 싶은 텍스트를 정의하기 위한 태그, 기울임체로 표시

 

<strong>

- 텍스트를 굵게 표시

 

<mark>

- 형광펜처럼 텍스트 배경이 블럭으로 표시되고 기본 노란색으로 표시

 

<b>

- 텍스트를 단순히 굵은체로 표시

 

<small>

- 주의사항, 법적 제한, 저작권 등을 정의할 때 자주 쓰이고, 작은 글씨로 표시

 

<sub>

- 아래첨자 텍스트 표시

 

<sup>

- 위첨자 텍스트 표시

 

<del>

- 텍스트 중간에 라인 표시

 

<ins>

- 텍스트에 밑줄 표시

 

<q>

- 텍스트에 "" 따옴표 표시

 

<blockquote>

- 인용구라는 걸 나타낼 때 사용

 

<abbr title = "">

- 텍스트 하단에 점선을 표시

 

<bdo>

- <bdo dir ="rtl">, <bdo dir ="ltl"> 옵션에 따라 글자 좌, 우방향 정렬

 

<cite>

- 텍스트를 강조, 이탤릭으로 표시

 

<p>
<em>- 강조하고 싶은 텍스트를 정의하기 위한 태그, 기울임체로 표시</em>
<br>
<strong>- 텍스트를 굵게 표시</strong>
<br>
<mark>- 형광펜처럼 텍스트 배경이 블럭으로 표시되고 기본 노란색으로 표시</mark>
<br>
<b>- 텍스트를 단순히 굵은체로 표시</b>
<br>
<small>- 주의사항, 법적 제한, 저작권 등을 정의할 때 자주 쓰이고, 작은 글씨로 표시</small>
<br>
- 아래첨자 <sub>텍스트 표시</sub>
<br>
- 위첨자 <sup>텍스트 표시</sup>
<br>
<del>- 텍스트 중간에 라인 표시</del>
<br>
<ins>- 텍스트에 밑줄 표시</ins>
<br>
<q>- 텍스트에 "" 따옴표 표시</q>
<br>
<br>
<br>
<a> - 인용구라는 걸 나타낼 때 사용 앞 문장의 하단에 태그안의 글자가 배치된다. 인라인 요소 안에만 사용가능 <blockquote>- 인용구라는 걸 나타낼 때 사용</blockquote></a>
<br>
<abbr title = "">텍스트 하단에 점선을 표시</abbr>
<br>
<bdo dir = "rtl">- 옵션에 따라 글자 좌, 우방향 정렬</bdo>
<br>
옵션에 <bdo dir = "ltr" > 따라</bdo> 글자 좌, 우방향 정렬 <!--무조건 오른방향 정렬이기 때문에 수정의미가 없음-->
<br>
<cite>- 텍스트를 강조, 이탤릭으로 표시</cite>
<br>

 

 

반응형