HTML 태그(1)

택스트 태그

- <hn> 제목 </hn>
 // 제목 표시할 때 사용하는 태그.
 
 - <br>
 // 줄바꾸기, 닫는태그 없음.
 
 - <hr> 
 // 수평 줄 생김. 주제바뀔 때 등 사용
 
 - <p> 텍스트 </p>
 // 텍스트 위아래로 공백, 텍스트 단락이 만들어짐.
 
 - <blockquote> 인용 내용 </blockquote>
 // 다른 텍스트보다 안으로 들여 써짐.
 
 - <pre> 텍스트 </pre>
 // 소스에 표시한 공백이 그대로 표시됨. 프로그램 소스 표시 유용.
 
 - <strong>, <b> 
 // 굵게 표시, <strong>가 좀 더 강조되고, <b>는 단순히 굵게 표시됨.
 
 - <em>, <i>
 // 이탤릭체로 표시, <em>은 강조효과 추가.
 
 - <q>
 // 인용 내용 표시, 인용 내용 앞뒤에 따옴표("")추가됨.
 
 - <mark> 
 // 형광펜 효과.
 
 - <span>, <div>
 // 영역 묶기
 // <span> - 줄 안에서 (인라인) 묶기.
 // <div> - 줄 바꿔 (블록) 단락으로 묶기.
 

목록 태그

- <ul>, <li> 
// 순서 없는 목록, 각 항목 앞에 불릿이 붙여짐.

- <ol>, <li>
// 순서 목록, 각 항목 앞에 숫자가 붙여짐

- <dl>, <dt>, <dd>
// 설명 목록, 제목과 그에 대한 설명으로 이루어진 목록
// 하나의 <dt>에 여러 개의 <dd>값을 가질 수 있다.

표 태그

- <table> ~ </table> 
// 표 전체 표시.

- <tr> ~ </tr>
// 행 표시.

- <td> ~ </td>
// 셀, 열 표시.

- <th> ~ </th>
// 제목 셀.

- <colspan>, <rowspan>
// <collspan> 열 합치기.
// <rowspan> 행 합치기.

- <caption> 
// 표 제목이 중앙에 표시.

- <figure>, <figcaption> 
// <figcaption> 위치에 따라 표의 위나 아래에 제목 표시.

- <thead>, <tbody>, <tfoot>
// 표 구조 정의
// <thead> = 제목, 위
// <tbody> = 본문, 중간
// <tfoot> = 요약, 아래

- <col>, <colgroup>
// 열끼리 묶어 스타일 지정.