1.表格
（1）表格標籤構成
table:表格區域
width bgcolor background 就近原則
align：控制表格在本行中的水平位置
valign：設定內容的垂直位置 middle（預設） top bottom
cellpadding（填充）：內邊距 內容到邊框的距離
cellspacing（間距）：外邊距 單元格與單元格之間的距離
tr：定義表格行
width bgcolor background 就近原則
align：控制表格在本行中的水平位置
valign：設定內容的垂直位置 middle（預設） top bottom
td：表格的單元格
width bgcolor background 就近原則
align：控制表格在本行中的水平位置
valign：設定內容的垂直位置 middle（預設） top bottom
th：表格的表頭
width bgcolor background 就近原則
align：控制表格在本行中的水平位置
valign：設定內容的垂直位置 middle（預設） top bottom
caption：表格標題
<table border="1" width="500" height="200" cellpadding="0" cellspacing="0">
<caption>學生資訊表</caption>
<tr>
<th>姓名</th>
<th>性別</th>
<th>年齡</th>
</tr>
<tr align="center">
<td>張三</td>
<td>男</td>
<td>21</td>
</tr>
<tr align="center">
<td>李四</td>
<td>男</td>
<td>22</td>
</tr>
</table>
（2）合併單元格
colspan屬性（跨列合併單元格）：colspan="合併的數量"
記得刪除多餘的單元格
rowsapn屬性（跨行合併單元格）：rowspan="合併的數量"
<table border="1" width="500" height="800" cellspacing="0" align="center">
<caption>個人簡歷</caption>
<tr>
<td width="80" bgcolor="aqua" align="center">姓名</td>
<td width="100"></td>
<td width="80" bgcolor="aqua" align="center">性別</td>
<td width="100"></td>
<td rowspan="5" align="center">照片</td>
</tr>
<tr>
<td bgcolor="aqua" align="center">出生年月</td>
<td></td>
<td bgcolor="aqua" align="center">籍貫</td>
<td></td>
</tr>
<tr>
<td bgcolor="aqua" align="center">政治面貌</td>
<td></td>
<td bgcolor="aqua" align="center">民族</td>
<td></td>
</tr>
<tr>
<td bgcolor="aqua" align="center">健康狀況</td>
<td></td>
<td bgcolor="aqua" align="center">婚姻狀況</td>
<td></td>
</tr>
<tr>
<td bgcolor="aqua" align="center">聯絡電話</td>
<td></td>
<td bgcolor="aqua" align="center">電子郵箱</td>
<td align="center">www.51jianli.com</td>
</tr>
<tr>
<td bgcolor="aqua" align="center">求職意向</td>
<td colspan="4"></td>
</tr>
<tr>
<td bgcolor="aqua" align="center" height="300">工作經歷</td>
<td colspan="4"></td>
</tr>
<tr>
<td bgcolor="aqua" align="center" height="70">教育經歷</td>
<td colspan="4"></td>
</tr>
<tr>
<td bgcolor="aqua" align="center" height="70">英語水平</td>
<td colspan="4"></td>
</tr>
<tr>
<td bgcolor="aqua" align="center" height="70">計算機水平</td>
<td colspan="4"></td>
</tr>
<tr>
<td bgcolor="aqua" align="center" height="80">自我評價</td>
<td colspan="4"></td>
</tr>
</table>
2.表單
（1）表單：就是從客戶端可以向伺服器傳送資料的，
表單中有許多可以輸入或選擇的元件，使用者就可以在表單中輸入資訊，
從而向伺服器傳送。
form：表示一個表單，不顯示
action屬性：action="向伺服器端傳送的地址"
method屬性：method="向伺服器端傳送資料方式" get/post
（2）標籤
表單元件：
input標籤：輸入 自閉合標籤 單行文字輸入框 type="text"預設文字
id屬性：唯一值
name屬性：屬性名可以重複 自定義值
class屬性：屬性名可以重複 自定義值
value屬性：提交的值
placeholder屬性：提示資訊 readouly="readouly"：只讀
size="30"：列數
disabled屬性：disabled="disabled"禁用元件，一旦元件被禁用了，
值就不會向伺服器端提交
type="password" 輸入的看不見
type="file" 文字選擇框 accept=".png"過濾檔案
type="radio" 單選 name 相同為一組，一組之內只能選一個
type="checkbox" 多選框
checked="checked"預設選擇
<form>
<label for="ID">賬號：</label>
<input type="text" id="ID" size="30" placeholder="請輸入賬號" /><br />
<label for="passwordID">密碼：</label>
<input type="password" id="passwordID" /><br />
<label for="passwordID1">確認密碼：</label>
<input type="password" id="passwordID1" disabled="disabled" /><br />
性別：
<input type="radio" id="womanID" name="sex" value="女" checked="checked"/><label for="womanID">女</label>
<input type="radio" id="manID" name="sex" value="男" /><label for="manID">男</label><br />
課程：<br />
<input type="checkbox" id="classID1" name="class" value="css"/><label for="classID1">css</label><br />
<input type="checkbox" id="classID2" name="class" value="java" /><label for="classID2">java</label><br />
<input type="checkbox" id="classID3" name="class" value="c" /><label for="classID3">c</label><br />
<input type="checkbox" id="classID4" name="class" value="python" /><label for="classID4">python</label><br />
<label for="附件ID">附件：</label>
<input type="file" id="附件ID" accept=".png" />
</form>
3.預習
（1）下拉框
selec標籤：下拉框
option標籤：選項
selected="selected"預設選中
（2）多行文字域
textarea標籤：多行文字域
cols屬性：一行多少字
rows屬性：顯示多少行
（3）按鈕
type="reset" value="重填"
type="submit" value="提交" 提交內容到伺服器端
type="button" value="按鈕" 點選時觸發