Web/HTML

[HTML] 텍스트 관련 태그

IT수정 2024. 9. 14. 20:15

HTML 문서에서 가장 많이 사용하는 자료 유형은 당연히 텍스트이다. 이 글에서는 자주 사용하는 텍스트 관련 태그를 정리했다.

<hn> 태그

각 웹 콘텐츠 영역에서 제목을 표시할 때 사용하는 태그

기본형 : <hn>제목</hn>

크기 : h1 > h2 > h3 > h4 > h5 > h6

 

<br> 태그

줄 바꿈. 줄을 바꿀 위치에 사용하는 태그

기본형 : <br>

 

<hr> 태그

수평 줄을 생성해 주는 태그

기본형 : <hr>

 

<p> 태그

텍스트 단락이 만들어지는 태그. 자동으로 줄 바꿈이 됨

기본형 : <p>텍스트</p>

 

<q> 태그

내용의 앞 뒤에 따옴표(" ")가 추가되는 태그. 인용문에 적합

기본형 : <q>텍스트</q>

 

<blockquote> 태그

안으로 들여 써지는 태그. 인용문에 사용하기 적합

기본형 : <blockquote>인용 내용</blockquote>

 

<strong>, <b> 태그

굵게 표시해 주는 태그. 전자는 검색 시에 중요한 내용으로 포함됨

기본형

: <strong>텍스트</strong>, <b>텍스트</b>

 

<em>, <i> 태그

이탤릭체로 표시해 주는 태그. 전자는 검색 시에 중요한 내용으로 포함됨

기본형 : <em>텍스트</em>, <i>텍스트</i>

 

<mark> 태그

형광펜 효과를 주는 태그. 배경색은 노랑으로 표시됨

기본형 : <mark>텍스트</mark>

 

<ruby> 태그

글자에 주석을 표현해 주는 태그

기본형 : <ruby>텍스트<rt>주석 내용</rt></ruby>

 

'Web > HTML' 카테고리의 다른 글

[HTML] 목록  (0) 2024.09.14
[HTML] 하이퍼링크  (1) 2024.09.14
[HTML] 특수문자 처리 방법  (0) 2024.09.14
[HTML] 태그  (0) 2024.09.14
[HTML] 웹  (0) 2024.09.14