HTML 태그 한 눈에 정리하기 1

문서 관련 태그

<hn>	제목, <h1>~<h6>까지 사용, 숫자가 커질수록 글자 크기는 작아진다.
<p></p>	텍스트 단락, 내용이 길면 웹 브라우저 창의 너비에 맞게 자동으로 줄이 바뀐다.
<br>	줄 바꿈, 텍스트 단락 중 원하는 위치에서 줄을 바꾼다.
<blockquote></blockquote>	내용 인용, 다른 내용보다 들여 쓰고 단락으로 표시한다.
<strong></strong>	중요한 텍스트를 굵게 표시, 스크린 리더기에서 강조해서 읽어준다.
<b></b>	볼드체, 화면 상 굵게 표시된다.
<em></em>	중요한 태그를 기울게 표시(문장), 스크린 리더기에서 강조해서 읽어준다.
<i></i>	이텔릭체, 화면 상 기울여서 표시된다.(마음속의 생각이나 용어)
<ins></ins>	내용을 편집할 때 추가한 내용을 표시한다.
<del></del>	내용을 편집할 때 삭제한 내용을 표시한다.
<sup></sup>	위 첨자
<sub></sub>	아래 첨자

 

목록 관련 태그

<ol></ol>	순서 있는 목록의 시작과 끝을 나타낸다.
<ul></ul>	순서 없는 목록의 시작과 끝을 나타낸다.
<li></li>	문서의 각 항목을 나타낸다.
<dl></dl>	설명 목록의 시작과 끝을 나타낸다.
<dt></dt>	설명 목록의 이름(제목)을 나타낸다.
<dd></dd>	설명 목륵의 내용(값, 설명)을 나타낸다.

 

표 관련 태그

<table></table>

표를 나타낸다.

<caption></caption>

표의 제목을 나타낸다.

<tr></tr>

표의 행을 만든다.

<td></td>

표의 열을 만든다.

<th></th>

제목 셀을 만든다.

<thead></thead>

표 구조에서 제목 부분을 나타낸다.

<tbody></tbody>

표 구조에서 본문 부분을 나타낸다.

<tfoot></tfoot>

표 구조에서 요약이나 정리 부분을 나타낸다.

<col></col>

표에서 열의 스타일을 지정한다.

<colgroup></colgroup>

표에서 여러 열을 함께 묶어서 스타일을 지정한다.

 

멀티미디어 관련 태그

<object></object>	멀티미디어, PDF파일 등 다양한 형식의 파일을 삽입한다.
<embed></embed>	<object><audio><video>에서 지원하는 않는 멀티미디어 파일을 삽입한다.
<img>	이미지 파일을 삽입한다.
<audio></audio>	오디오 파일을 삽입한다.
<video></video>	비디오 파일을 삽입한다.