前言
在上篇HTML學習筆記中學習了基本的文字，圖片等等，我們可以看到HTML雖然有點麻煩，但屬於一學就會的那種，不像機器學習啥的還要涉及一堆數學，算法，編程思想，不過網頁編程後面如果加上數據庫，也會變得比較難，不過現在先快樂的學習吧！大家可以看我HTML學習筆記摘要目錄參考，這篇博文裏也有我HTML學習筆記的其他章節。
創建表格
創建基本表格
創建表格有幾個基本的標記：
- < table > ：用於識別一個表格對象的開始，< /table >標記標識一個表格對象的結束。一個表格中只用一對table標記。HTML5不再支持其他屬性
- < tr > ：用於識別每一行的開始，< /tr >標記標識一行的結束。一個表格對象中有多少對tr標記，就有多少行，HTML5不再支持其他屬性
- < td > ：用於標記表格中的一個單元格的開始，< /td >標記結束。
下面代碼定義了一個兩行三列的表格：
<body>
<table border="1">
<tr>
<td>A1</td>
<td>A2</td>
<td>A3</td>
</tr>
<tr>
<td>B1</td>
<td>B2</td>
<td>B3</td>
</tr>
</table>
</body>
在代碼中，我們看到
<table border="5">
<table border="8">
可以看到邊框的變化。
帶有標題的表格
我們可以使用< caption >< /caption >來添加表格標題：
<body>
<table border="8">
<caption>字母表</caption> //標題
<tr>
<td>A1</td>
<td>A2</td>
<td>A3</td>
</tr>
<tr>
<td>B1</td>
<td>B2</td>
<td>B3</td>
</tr>
</table>
</body>
編輯表格
編輯表格，涉及設置表格的邊框類型，設置表格的表頭，合併單元格等。定義邊框類型我們前面已經提到了，只需要改動
裏面的數字就可以了。定義表格表頭
定義表頭使用標記< th >< /th >，常見的表頭爲垂直和水平兩種，兩種是不同的結構，我們可以看程序：
<body>
<table border="5">
<caption>男生</caption>
<tr>
<th>姓名</th>
<th>性別</th>
<th>電話</th>
</tr>
<tr>
<td>張三</td>
<td>男</td>
<td>025631556</td>
</tr>
</table>
<table border="3">
<caption>女生</caption>
<tr>
<th>姓名</th>
<td>小紅</td>
</tr>
<tr>
<th>性別</th>
<td>nv</td>
</tr>
<tr>
<th>電話</th>
<td>654683133</td>
</tr>
</table>
</body>
設置表格背景
對於表格的操作，不管是定義表格邊框，還是現在要做的定義表格背景顏色或者背景圖片，都是在表格開頭標記< table >中完成的。
1）：定義表格背景顏色<table border="3" bgcolor="green">
2）：定義表格背景圖片<table border="5" background="../6.jpg">
3）設置單元格背景：和設置表格背景一樣，設置單元格背景和顏色只是在單元格標記< td >內進行了。
排列單元格內容
合併單元格是我們常用到的功能，合併的方向有兩個，一個左右，使用標記colspan，一個上下，使用標記rowspan。
1）：左右合併單元格使用td標記的屬性colspan屬性來完成，語法格式爲：
<td colspan="數值">單元格內容</td>
上下也是同理。
<table border="8">
<caption>字母表</caption>
<tr>
<td colspan="3">A1</td> 左右合併
</tr>
<tr>
<td rowspan="2">B1</td> 上下合併
<td>B2</td>
<td>B3</td>
</tr>
<tr>
<td>C2</td>
<td>C3</td>
</tr>
</table>
2）：設置單元格內容方向：
我們還可以設置單元格內容靠左還是靠右或者居中，使用的是單元格< td >的屬性< align >
<table border="5" width="400">
<caption>男生</caption>
<tr>
<th>姓名靠左</th>
<th>性別居中</th>
<th>電話靠右</th>
</tr>
<tr>
<td align="left">張三</td>
<td align="center">男</td>
<td align="right">025631556</td>
</tr>
</table>
3）：設置單元格的行高與列寬
調節行高與列寬的屬性只有一個< cellpadding >，是通過調節單元格內容與邊框的距離實現的：
<table border="5" width="400" cellpadding="20">
<caption>男生</caption>
<tr>
<th>姓名靠左</th>
<th>性別居中</th>
<th>電話靠右</th>
</tr>
<tr>
<td align="left">張三</td>
<td align="center">男</td>
<td align="right">025631556</td>
</tr>
</table>
在程序<table border="5" width="400" cellpadding="20"> 中，我們還看到width，是用來調整寬度的。
尾言
我們看到，表格非常非常簡單，但超級超級麻煩。下篇博文寫表單的相關內容，表單涉及的東西會多一些。好了，就這樣吧。想盡快學到CSS，js來搞點漂亮的東西，哈哈~