<table><table/>先定義一個表格這個就沒得講了，<caption>表示這個表格的標題
<table border="6"> <caption>我的標題</caption> <tr> <td>100</td> <td>200</td> <td>300</td> </tr> <tr> <td>400</td> <td>500</td> <td>600</td> </tr>
</table>
例如：
.<th></th>和<tr></tr>分別表示表頭和行，其實這兩個都差不多，只是th 元素內部的文本通常會呈現為居中的粗體文本，而 td 元素內的文本通常是左對齊的普通文本，讓我來看兩個案例就知道了：
1 <html> 2 <body> 4 <table border="1"> 5 <tr> 6 <th>Company</th> 7 <th>Address</th> 8 </tr> 10 <tr> 11 <td>Apple, Inc.</td> 12 <td>1 Infinite Loop Cupertino, CA 95014</td> 13 </tr> 14 </table> 17 </body> 18 </html>
在網頁顯示：
，可以看出字體的粗細不一樣，還有粗體比較居中一點。其中還有個<tr>屬性，這個是用來定義每一行的，我們可以看到圖片中總共兩行，代碼里就用了兩個<tr>屬性。
接下來講<thead>屬性，這個屬性可以讓你的表格變化多端，但是<thead>的一些子屬性幾乎沒有瀏覽器支持，不過還是要講一下，（1）：<thead>可以與<tbody>,<tfoot>一起用，tbody 元素用於對 HTML 表格中的主體內容進行分組，而 tfoot 元素用於對 HTML 表格中的表注（頁腳）內容進行分組，乍一看估計很多人不理解這句話的含義，其含義就是<thead>放在每個表格的第一行的表頭例如可以放在第一個<tr>屬性之后，<tbody>和<tfoot>則放在之后，讓我們來看個例子：
<html> <head> <style type="text/css"> thead {color:green} tbody {color:blue;height:50px} tfoot {color:red} </style> </head> <body> <table border="1"> <thead> <tr> <th>Month</th> <th>Savings</th> </tr> </thead> <tbody> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </tbody> <tfoot> <tr> <td>Sum</td> <td>$180</td> </tr> </tfoot> </table> </body> </html>
在網頁顯示：
，可以看到<thead>定義的表頭“Month Savings”在css代碼的影響下顯示成綠色，同理可得<tbody><tfoot>的用法一樣，只是順序不同，這里有個規則：如果您使用 thead、tfoot 以及 tbody 元素，您就必須使用全部的元素。它們的出現次序是：thead、tfoot、tbody，這樣瀏覽器就可以在收到所有數據前呈現頁腳了。您必須在 table 元素內部使用這些標簽，在默認情況下這些元素不會影響到表格的布局。不過，您可以使用 CSS 使這些元素改變表格的外觀。此外，<thead>還有一些別的屬性：例如algin:定義 thead 元素中內容的對齊方式,valign:規定 thead 元素中內容的垂直對齊方式,這些你有興趣的話可以去w3school看看。<col>和<colgroup>可以對全部列進行應用樣式，這樣就不需要對各個單元和各行重復應用樣式。<col>對列進行應用樣式，它的子屬性<span>規定 <col> 元素應該橫跨的列數,來看個例子：
<!DOCTYPE html> <html> <body> <table border="1"> <colgroup> <col span="2" style="background-color:red"/> <col style="background-color:yellow"/> </colgroup> <tr> <th>ISBN</th> <th>Title</th> <th>Price</th> </tr> <tr> <td>3476896</td> <td>My first HTML</td> <td>$53</td> </tr> <tr> <td>5869207</td> <td>My first CSS</td> <td>$49</td> </tr> </table> </body> </html
網頁顯示：
，我們可以看到<span>的值是2，所以連續兩列背景是紅色的，當我把它改成“1”時，網頁就會顯示：
，就變成一列紅色，而下面沒有定義的默認值是1，所以第二列是黃色的,這邊說明一下<col>和<colgroup>兩者的區別，<col>格式比如<col span="value" style="css代碼">在一些軟件是可以運行的，但嚴格意義上需要包含在<colgroup></colgroup>內部，且<col>不能寫成<col></col>。還有align屬性，不過貌似瀏覽器不支持。