建立表格
-------------------------------------寫在前面--------------------------------------------
在HTML中的表格和我們日常生活中的表格是有所差距的，在平時我們認為表格是單純的由行和列組成的，如下圖1所示，但在HTML中，表格是由邊框、行和單元格組成的，邊框是最外面的一層大框，行與我們平時了解的一樣，但列我們可以了解為在一行之中又放了一些小的單元格組成，即表格中的列由行中的單元格決定哪個。如下圖二所示：
## 圖1
圖2 
HTML建立表格及合并單元格
1、在HTML網頁中，想要建立表格就要使用表格标簽，基本文法如下所示;
<table>
<tr>
<td>單元格内文字</td>
.....
</tr>
</table>
舉例：建立一個3*3的表格，實作的代碼如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<table height="300" width="300" border="1" >
<tr>
<td>姓名</td>
<td>性别</td>
<td>年齡</td>
</tr>
<tr>
<td>李華</td>
<td>女</td>
<td >18</td>
</tr>
<tr>
<td>王歡</td>
<td>男</td>
<td >18</td>
</tr>
<tr>
<td>蔡軍</td>
<td>男</td>
<td>20</td>
</tr>
</table>
</body>
</html>
注：width，height分别用來指定表格的寬度度高度，border用來指定表格的邊框值，咋該例中我指定表格表框的像素值為1.
則設計的結果如下圖所示：
2、關于表格的常用屬性：
| 屬性名 | 含義 | 常用屬性值 |
|---|---|---|
| border | 設定表格的邊框（border=0） | 像素值 |
| cellspacing | 設定單元格與單元格邊框之間的空白間距 | 像素值（預設2） |
| cellpodding | 設定單元格内容與單元邊框之減的空白間距 | 像素值（預設2） |
| width | 設定表格的寬度 | 像素值 |
| height | 設定表格的高度 | 像素值 |
| align | 設定表格在網格之中的對齊方式 | left、centre、right |
3、表頭标簽
表頭一般位于表格的第一行或第一列，其文本居中加粗，即為設定了表頭的表格。設定表頭标簽用
<th></th>
代替相應的單元格标簽
<td></td>
即可。
例、将剛才3*3表格中的第一行（姓名、性别、年齡）設定為表頭标簽。則更改部分的代碼如下所示：
<tr>
<th>姓名</th>
<th>性别</th>
<th>年齡</th>
</tr>
4、表格結構
可用
<thead></thead>
将表頭部分包括
用
<tbody></tbody>
将主體部分包括
這樣做之後表的結構會發生一些變化：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<table height="300" width="300" border="1" >
<thead>
<tr>
<th>姓名</th>
<th>性别</th>
<th>年齡</th>
</tr>
</thead>
<tbody>
<tr>
<td>李華</td>
<td>女</td>
<td >18</td>
</tr>
<tr>
<td>王歡</td>
<td>男</td>
<td >18</td>
</tr>
<tr>
<td>蔡軍</td>
<td>男</td>
<td>20</td>
</tr>
</tbody>
</table>
</body>
</html>
如下圖所示：
5、表格标題
表格的标題：caption
定義和用法：
<table >
<caption>我是标題</caption>
</table>
用代碼實作（采用左對齊的方式）
<table height="300" width="300" border="1" align="centre">
<caption>Student</caption>
</table>
結果如下圖：
注：caption标簽必須緊随table标簽之後，隻能對表格定義一個标題，通常這個标題居中位于表格之上。
6、合并單元格
跨行合并：rowspan
跨列合并：colspan
合并單元格的思想：将多個内容合并的時候就會有多餘的東西出來，将其删除。如：将3個td合并成一個，那就多餘了2個td,則将多餘的兩個td删除。
公式：删除的個數=合并的個數-1
如将3個單元格合并成一個，則應删除多餘的2個。
單元格合并的次序：從上至下
從左至右
例：将表中的兩個年齡（18）合并成1個，代碼如下圖所示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<table height="300" width="300" border="1" align="centre">
<caption>Student</caption>
<tr>
<th>姓名</th>
<th>性别</th>
<th>年齡</th>
</tr>
<tr>
<td>李華</td>
<td>女</td>
<td rowspan="2">18</td>
</tr>
<tr>
<td>王歡</td>
<td>男</td>
</tr>
<tr>
<td>蔡軍</td>
<td>男</td>
<td>20</td>
</tr>
</table>
</body>
</html>
簡單總結：1、表格提供了HTML中定義表格式資料的方法
2、表格中的列由行中的單元格決定。