table標(biāo)簽，這個(gè)是重點(diǎn)。

<table></table>
   這對(duì)標(biāo)簽中插入的無非是三個(gè)子標(biāo)簽<th>,<tr>,<td>。
   th的作用是表格題頭，可以替換td使用，不同的是它里面的字體是加粗的。
   tr，td用的最多，具體用法就不多說了。

這一章主要強(qiáng)調(diào)的是這些標(biāo)簽的屬性

table 標(biāo)簽 -- 代表HTML表格
   table標(biāo)簽是成對(duì)出現(xiàn)的,以<table>開始,以</table>結(jié)束
   屬性
   Common -- 一般屬性
   summary -- 代表表格的摘要說明
   width -- 代表表格的寬度
   border -- 代表表格邊框(此屬性應(yīng)該使用CSS實(shí)現(xiàn))
   cellspacing -- 代表表格邊框與表格內(nèi)容填充的距離,也是內(nèi)容填充之間的距離(此屬性應(yīng)該使用CSS實(shí)現(xiàn))
   cellpadding -- 代表內(nèi)容填充的寬度(此屬性應(yīng)該使用CSS實(shí)現(xiàn))

th 標(biāo)簽 -- 代表HTML表格中的表頭
   th標(biāo)簽是成對(duì)出現(xiàn)的,以<th>開始,</th>結(jié)束
   屬性
   Common -- 一般屬性
   abbr -- 代表表頭的簡(jiǎn)寫
   axis -- 對(duì)單元格在概念上分類
   colspan -- 一行跨越多列
   headers -- 連接表格的數(shù)據(jù)與表頭
   rowspan -- 一列跨越多行
   scope -- 定義行或列的表頭
   align -- 代表水平對(duì)齊方式(left(左對(duì)齊) | center(居中對(duì)齊) | right(右對(duì)齊) | justify)(此屬性應(yīng)該使用CSS實(shí)現(xiàn))
   valign -- 代表垂直對(duì)齊方式(top(頂部對(duì)齊) | middle(中部對(duì)齊) | bottom(下部對(duì)齊) | baseline(基線對(duì)齊))(此屬性應(yīng)該使用CSS實(shí)現(xiàn))

td 標(biāo)簽 -- 代表HTML表格中的一個(gè)單元格
   td標(biāo)簽是成對(duì)出現(xiàn)的,以<td>開始,</td>結(jié)束
   屬性
   Common -- 一般屬性
   abbr -- 代表表頭的簡(jiǎn)寫
   axis -- 對(duì)單元格在概念上分類
   colspan -- 一行跨越多列
   headers -- 連接表格的數(shù)據(jù)與表頭
   rowspan -- 一列跨越多行
   scope -- 定義行或列的表頭 
   align -- 代表水平對(duì)齊方式(left(左對(duì)齊) | center(居中對(duì)齊) | right(右對(duì)齊) | justify)(此屬性應(yīng)該使用CSS實(shí)現(xiàn))
   valign -- 代表垂直對(duì)齊方式(top(頂部對(duì)齊) | middle(中部對(duì)齊) | bottom(下部對(duì)齊) | baseline(基線對(duì)齊))(此屬性應(yīng)該使用CSS實(shí)現(xiàn))

caption 標(biāo)簽 -- 代表HTML表格的標(biāo)題
   caption標(biāo)簽是成對(duì)出現(xiàn)的,以<caption>開始,</caption>結(jié)束
   屬性
   Common -- 一般屬性
   說明:
   caption標(biāo)簽可以為表格提供一個(gè)描述,和圖像的說明alt比較類似.默認(rèn)情況下,瀏覽器顯示表格標(biāo)題在表格的上方.
   CSS里的caption-side屬性用來控制表格標(biāo)題顯示的位置.
   cellpadding與cellspacing屬性

巢(cell) -- 表格的內(nèi)容
   巢補(bǔ)白(cellpadding) -- 代表巢外面的一個(gè)距離,用于隔開巢與巢空間
   巢空間(cellspacing) -- 代表表格邊框與巢補(bǔ)白的距離,也是巢補(bǔ)白之間的距離
   它們一般都由CSS實(shí)現(xiàn)，這里就不做討論了

rowspan，colspan 屬性（畫表格很有用）

headers 屬性 -- 定義了與表格單元格相關(guān)聯(lián)的一系列表頭
   headers屬性的取值可以是一系列以空格分開的標(biāo)簽的id
   說明
   headers屬性通常可以使表格單元格連接多個(gè)表頭.
   另一種連接表格數(shù)據(jù)單元格和表頭的方法是使用scope屬性
   scope 屬性

scope 屬性 -- 定義了行或列的表頭
   scope -- 通過此屬性可以定義行或列的表頭
   取值
   col -- 定義列表頭
   row -- 定義行表頭
   colgroup -- 定義列組的表頭信息,是column group的縮寫
   rowgroup -- 定義行組的表頭信息,是row group的縮寫
   說明
   scope屬性通常可以連接表格數(shù)據(jù)單元格和表頭.
   另一種連接表格數(shù)據(jù)單元格和表頭的方法是使用headers屬性,此屬性通常只使用在表格比較復(fù)雜的情況下.
col標(biāo)簽和colgroup標(biāo)簽似乎是合起來用的，結(jié)合CSS可以顯示表格的多種配色和字體顯示。

 1<style type="text/css">
 2        .yellow {}{
 3            color: #CCCC33;
 4            font-size:20px;
 5        }
 6        .blue {}{
 7            color: #3399CC;
 8            font-size:12px;
 9        }
10        </style>
11        <table width="80%" border="1" summary="test">
12          <colgroup>
13            <col />
14            <col class="yellow" />
15            <col />
16            <col span="2" class="blue" />
17          </colgroup>        
18          <caption align="center">
19                 ABCD
20          </caption>
21          <tr> 
22              <th>Upper</th>
23              <th>AAAA</th>
24              <th>BBBB</th>
25              <th>CCCC</th>
26              <th>DDDD</th>
27          </tr>
28          <tr>
29              <td>Lower</td>
30              <td>aaaa</td>
31              <td>bbbb</td>
32              <td>cccc</td>
33              <td>dddd</td>
34          </tr>
35        </table>

效果自己看吧。

今天到這里，明天繼續(xù)FORM的學(xué)習(xí)。