[정리] 1 | 텍스트, 목록, 표, 멀티미디어 정리

[정리] 1 | 텍스트, 목록, 표, 멀티미디어 정리

텍스트 관련 태그

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

목록 관련 태그

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

표 관련 태그

종류	설명
<table>	표를 나타낸다.
<caption>	표의 제목을 넣는다.
<tr>	표의 행을 만든다.
<td>	표의 셀을 만든다.
<th>	제목 셀을 만든다.
<thead>	표 구조에서 제목 부분을 나타낸다.
<tbody>	표 구조에서 본문 부분을 나타낸다.
<tfoot>	표 구조에서 요약이나 정리 부분을 나타낸다.
<col>	표에서 열의 스타일을 지정한다.
<colgroup>	표에서 여러 열을 함께 묶어서 스타일을 지정한다.

멀티미디어 관련 태그

종류	설명
<object>	멀티미디어, PDF 파일 등 다양한 형식의 파일을 삽입한다.
<embed>	<audio>, <video> 태그와 <object> 태그도 지원하지 않을 경우 멀티미디어 파일을 삽입한다.
<img>	이미지 파일을 삽입한다.
<audio>	오디오 파일을 삽입한다.
<video>	비디오 파일을 삽입한다.

 

 

 

 

 

 

 

출처 | Do it! HTML+CSS+자바스크립트 웹 표준의 정석(고경희)