表格基本結構
<table>
<tr><th>A</th><th>B</th><th>C</th><th>D</th></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
...
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
</table>
其中，<tr> </tr>規定了表格有多少行；<th> </th>用來設定第一行的表格內容，也就是表格的標題欄位（自動加粗、居中）；<td> </td>用來設置其餘行的表格內容，也就是表格的數據欄位。
這樣就製作出了一個四列數行的表格。
<table></table>標記可以設置如下屬性：
|
屬性名稱 |
設置數值 |
說明 |
|
border |
像素 |
表格外邊框線的寬度 |
|
cellspacing |
像素 |
絕對設置，單元格框線的寬度（包括外邊框） |
|
|
百分比 |
相對設置，單元格框線的寬度（包括外邊框） |
|
cellpadding |
像素 |
絕對設置，單元格內數據與邊框的距離 |
|
|
百分比 |
相對設置，單元格內數據與邊框的距離 |
|
width |
像素 |
絕對設置，設置表格的總寬度 |
|
|
百分比 |
相對設置，設置表格的總寬度 |
|
height |
像素 |
絕對設置，設置表格的總高度 |
|
|
百分比 |
相對設置，設置表格的總高度 |
|
align |
left |
表格往網頁左邊靠 |
|
|
center |
表格居於網頁中間 |
|
|
right |
表格往網頁右邊靠 |
|
background |
URL |
表格的背景圖片 |
|
summary |
字符串 |
給表格的註釋信息,不會顯示在網頁上 |
|
bordercolor |
英文/十六 |
邊框顏色 |
|
bordercolorlight |
英文/十六 |
邊框的亮色 |
|
bordercolordark |
英文/十六 |
邊框的暗色 |
|
bgcolor |
英文/十六 |
表格的背景顏色 |
注意，在表格設置align屬性後，表格就失去了自動換行的特性，也即如果同時有多個表格依次向下排列，在第一個表格設置align屬性後，如果表格的左邊或右邊有足夠空間，下面的表格會自動填充上來。
<table> </table>還可以設置frame和rules屬性，它們都屬於邊框設置，其中frame屬性必須要在border屬性設置不爲零的情況下才會其效果：
| 屬性名稱 | 設置值 | 說明 |
| frame | void | 不顯示錶格邊線 |
| above | 只顯示錶格上邊線 | |
| below | 只顯示錶格下邊線 | |
| hsides | 只顯示錶格上下邊線 | |
| vsides | 只顯示錶格左右邊線 | |
| lhs | 只顯示錶格左邊線 | |
| rhs | 只顯示錶格右邊線 | |
| border/box | 會顯示錶格所有邊線 | |
| rules | rows | 只顯示橫行的格框線 |
| cols | 只顯示豎列的格框線 | |
| all | 顯示全部格框線 | |
| groups | ||
| none | 不顯示任何格框線 |
<tr></tr> <th></th> <td></td>標記的常用屬性（優先級比table的標記大）：
| 屬性名稱 | 設定值 | 說明 |
| height | 像素 | 絕對設置，設置行高度 |
| 百分比 | 相對設置，設置行高度 | |
| bgcolor | 英文/十六 | 設置單元格或行的顏色 |
| align (水平方向) | left | 單元格內容居左 |
| center | 單元格內容居中 | |
| right | 單元格內容居右 | |
| valign (垂直方向) | top | 單元格內容居上 |
| middle | 單元格內容居中 | |
| bottom | 單元格內容居下 | |
| nowrap (在tr中無效) | 無 | 阻止單元格內容換行 |
拆分與合併單元格
| 屬性名稱 | 設定值 | 說明 |
| colspan | 數字 | 輸入多少數字，代表向右合併多少單元格 |
| rowspan | 數字 | 輸入多少數字，代表向下合併多少單元格 |
作業
<head>
<title>表格作業</title>
</head>
<body>
<table border="2" width="350" cellpadding="3">
<tr align="center"><th colspan="2">稱謂</th><th width="55">姓名</th><th width="35">年齡</th><th width="150">備註</th></tr>
<tr align="center"><td rowspan="3" valign="middle">長輩</td><td>父</td><td>鄧飲豐</td><td align="left">58</td><td rowspan="8" valign="top"><ul><li><i>吳純純是越南來的女傭，中學畢業。</i></li><li><i>咪咪是我養的寵物。</i></li><li><i>Lucky是老爸最喜歡的伯獅丁狗。</i></li></ul></td></tr>
<tr align="center"><td>母</td><td>吳春美</td><td align="left">55</td></tr>
<tr align="center"><td nowrap>祖母</td><td>蔡招弟</td><td align="left">76</td></tr>
<tr align="center"><td rowspan="2" valign="middle">同輩</td><td>兄</td><td>鄧來發</td><td align="left">27</td></tr>
<tr align="center"><td>弟</td><td>鄧村長</td><td align="left">22</td></tr>
<tr align="center"><td colspan="2">幫傭</td><td>吳純純</td><td align="left">22</td></tr>
<tr align="center"><td rowspan="2" valign="middle">寵物</td><td>狗</td><td>Lucky</td><td align="left">3</td></tr>
<tr align="center"><td>貓</td><td>咪咪</td><td align="left">2</td></tr>
</table>
</body>
</html>
表格的結構化、直列化和標題
