본문 바로가기
HTML

텍스트 관련 태그

by dongjin6539 2023. 2. 17.
728x90
반응형

텍스트 관련 태그

1. 블록 레벨 요소 태그

 

태그 의미
<h1>~<h6> · HTML 문서에서 제목을 정의할 때 사용하는 태그
· 제목의 수준 순서 : h1 → h2 → h3 → h4 → h5 → h6 
<p></p> · HTML 문서에서 단락을 정의할 때 사용하는 태그
<br></br> · 텍스트의 행을 바꾸는 태그
<pre></pre> · 공백이나 줄바꿈 등 상관없이 있는 그대로 나오는 태그

 

2. 인라인 요소 태그

 

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

 

3. 목록 태그

 

태그 의미
<ol></ol> · Order List의 약자로 순서 목록을 정의할 때 사용하는 태그
· 자식 요소로는 반드시 <li> 태그만 가능
<ul></ul> · Unorder List의 약자로 비순서 목록을 정의할 때 사용하는 태그
· 자식 요소로는 반드시 <li> 태그만 가능
<li></li> · list items로 항목을 정의할 때 사용하는 태그
· <ol>, <ul> 태그의 자식 요소
· 텍스트, 인라인 요소, 블록 레벨 요소를 모두 포함

 

4. 설명 목록 태그

 

태그 의미
<dl></dl> · Description List의 약자로 용어에 대한 설명 목록을 정의할 때 사용하는 태그
· 자식 요소로 반드시 <dt> 태그와 <dd> 태그로 정의
· <dl> → <dt> → <dd> 순으로 마크업
· 다른 이외의 태그는 자식 요소로 올 수 없지만<dt>, <dd> 태그를 한쌍으로 묶은 <div> 태그는      예외적으로 가능  
<dt></dt> · Description Term의 약자로 설명 목록의 용어를 정의
· 텍스트, 인라인 요소, 블록 레벨 요소를 모두 포함
<dd></dd> · Description Details의 약자로 용어에 대한 세부 설명을 정의
· 텍스트, 인라인 요소, 블록 레벨 요소를 모두 포함

 

5. 표 태그

 

태그 의미
<table></table> · 표를 정의할 때 사용하는 태그
· 자식 요소로 반드시 <tr> 태그를 정의
· <table> → <tr> → <td> 순으로 마크업

<tr></tr> · <table> 태그의 자식 요소
· 표에서 행을 정의할 때 사용하는 태그
<td></td> · <tr> 태그의 자식 요소
· 표에서 열을 정의할 때 사용하는 태그
<th></th> · 제목 역할을 하는 셀을 정의할 때 사용하는 태그
728x90
반응형