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
반응형