[HTML] HTML 다루기 (4)

이전 글에서 HTML의 컨첸츠 관련 태그에 대해 알아보았다.

이번 글에서는 HTML의 목록 및 테이블 관련 태그에 대해 알아보도록 하자.

목록 관련 태그

<ul>

• 순서가 없는 목록(unordered list) 태그

속성	역할	값
type	항목 앞의 표시자 모양	disc(기본), square, circle...

<ol>

• 순서가 있는 목록(ordered list) 태그

속성	역할	값
type	항목 앞의 표시자 형태	1, A, a, I, i...
start	시작할 번호	정수 숫자값 (type과 관계없이)

<li>

• 목록의 요소(list item) 태그
• ul, ol 태그의 하위 태그로 사용된다.
• 다른 태그를 포함할 수 있다.

목록 태그 사용 예시)

<ul>
  <li>
    <ol>
      ...
    </ol>
  </li>
  ...
</ul>

<ol>
  <li>
    <div>
      ...
    </div>
  </li>
  ...
</ol>

테이블 관련 태그

<table>

• 테이블 생성 태그

<tr>

• 테이블의 한 행(table row) 태그

<td>

• 테이블의 각 칸(table data) 태그
• 다른 태그를 포함할 수 있다.

속성	역할	값
colspan	가로로 n개 칸 병함	칸 개수 숫자값
rowspan	세로로 n개 칸 병함	칸 개수 숫자값

<th>

• 테이블의 각 열, 행의 머리 태그

속성	역할	값
scope	무엇(행/열)의 머리인지 표시	col, row...

<caption>

• 테이블의 제목 태그