HTML中的表格小關於

無言

  1. 可以用colgroup標籤,<colgroup span=”列的數量” width=”200px”> 如果最後一列特別,可以在後面單獨寫一個<colgroup span=”1” width=”200px”>
  2. Table代表表格   tr:表示一行   td:表示單元格  col:代表一列 
  3. th居中加粗的td。
  4. <table border="1px" cellspacing="0"></table>border是邊框,cellspacing表示單元格邊框間間隙
  5. colspan 屬性規定單元格可橫跨的列數。rowspan 屬性規定單元格可橫跨的行數。
  6. <td width="200px" align="center"></td>控制單元格寬度,align排列,這裏表示對齊方式
  7. <col width="200px">:coumn列的縮寫

     一行<col width="200px">表示一列的寬度,多少行,就設置了多少列

 

<col>定義和用法

<col> 標籤爲表格中一個或多個列定義屬性值。

如需對全部列應用樣式,<col> 標籤很有用,這樣就不需要對各個單元和各行重複應用樣式了。

您只能在 table 或 colgroup 元素中使用 <col> 標籤。

 

<col>可選的屬性

屬性 描述
align
  • right
  • left
  • center
  • justify(兩端對齊的文本效果)
  • char
規定與 col 元素相關的內容的水平對齊方式。
char character 規定根據哪個字符來對齊與 col 元素相關的內容。
charoff number 規定第一個對齊字符的偏移量。
span number 規定 col 元素應該橫跨的列數。
valign
  • top
  • middle
  • bottom
  • baseline
定義與 col 元素相關的內容的垂直對齊方式。
width
  • pixels
  • %
  • relative_length
規定 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>

結果如下:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章