無言
- 可以用colgroup標籤,<colgroup span=”列的數量” width=”200px”> 如果最後一列特別,可以在後面單獨寫一個<colgroup span=”1” width=”200px”>
- Table:代表表格 tr:表示一行 td:表示單元格 col:代表一列
- th:居中加粗的td。
- <table border="1px" cellspacing="0"></table>:border是邊框,cellspacing表示單元格邊框間間隙
- colspan 屬性規定單元格可橫跨的列數。rowspan 屬性規定單元格可橫跨的行數。
- <td width="200px" align="center"></td>:控制單元格寬度,align排列,這裏表示對齊方式
- <col width="200px">:coumn列的縮寫
一行<col width="200px">表示一列的寬度,多少行,就設置了多少列
<col>定義和用法
<col> 標籤爲表格中一個或多個列定義屬性值。
如需對全部列應用樣式,<col> 標籤很有用,這樣就不需要對各個單元和各行重複應用樣式了。
您只能在 table 或 colgroup 元素中使用 <col> 標籤。
<col>可選的屬性
屬性 | 值 | 描述 |
---|---|---|
align |
|
規定與 col 元素相關的內容的水平對齊方式。 |
char | character | 規定根據哪個字符來對齊與 col 元素相關的內容。 |
charoff | number | 規定第一個對齊字符的偏移量。 |
span | number | 規定 col 元素應該橫跨的列數。 |
valign |
|
定義與 col 元素相關的內容的垂直對齊方式。 |
width |
|
規定 col 元素的寬度。 |
代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<table border="1px" cellspacing="0" >
<col width="100px">
<col width="100px">
<col width="100px">
<col width="100px">
<col width="100px">
<col width="100px">
<col width="200px">
<tr height="40px" align="center">
<td colspan="7">個人簡歷</td>
</tr>
<tr height="40px" align="center">
<td>姓名</td>
<td></td>
<td>性別</td>
<td></td>
<td>年齡</td>
<td></td>
<td rowspan="4">圖片</td>
</tr>
<tr height="40px" align="center">
<td>學歷</td>
<td></td>
<td>籍貫</td>
<td colspan="3"></td>
</tr>
<tr height="40px" align="center">
<td>電話</td>
<td></td>
<td>政治面貌</td>
<td colspan="3"></td>
</tr>
<tr height="40px" align="center">
<td>畢業院校</td>
<td colspan="5"></td>
</tr>
<tr height="40px" align="center">
<td>求職意向</td>
<td colspan="6"></td>
</tr>
</table>
</body>
</html>
結果如下: