HTML表格

創建一個表格要用到<table></table>標記

創建行是<tr></tr>創建單元格(也可以當作列)是<td><td>

比如:

<html>
	<head>
	<title>表格</title>
	</head>
	<body>
	<table border='1' width='300px' height='300px'  bgcolor="red">
	<tr>
		<td>1</td>	
		<td>2</td>
		<td>3</td>	
		<td>4</td>
	</tr>
	</table>

創建一個一行四列的表格三百像素寬三百像素高背景顏色是紅色

跨列標記<colspan='n'> n表示要垮幾列

跨行標記<rowspan='n'> n表示要跨幾行

比如:

		<table border='1' cellspacing='0' width='300px' height='300px'>
	<tr>
		<td>1</td>	
		<td colspan='3'>2</td>
	</tr>
	<tr>
		<td rowspan='3'>1</td>	
		<td>2</td>
		<td>3</td>	
		<td>4</td>
	</tr>
	<tr>
		<td>1</td>	
		<td>2</td>
		<td>3</td>	
	</tr>
	<tr>
		<td>1</td>	
		<td>2</td>
		<td>3</td>	
	</tr>
	
	</table>
創建一個半極細三行四列的表格第一行第一列垮三行下面兩行的會被頂出去所以刪掉一列

跨列同理

半極細表格創建方法在<table>屬性欄填上表格線像素爲1間距爲0

極細表格創建方法設置背景顏色然後表格線爲0間距爲1每個單元格背景色再設置成白色

如下代碼

	<table bgcolor='#444444' border='0' cellspacing='1' width='300px' height='300px'>
	<tr bgcolor='ffffff'>
		<td>1</td>	
		<td colspan='3'>2</td>
	</tr>
	<tr bgcolor='ffffff'>
		<td rowspan='3'>1</td>	
		<td>2</td>
		<td>3</td>	
		<td>4</td>
	</tr>
	<tr bgcolor='ffffff'>
		<td>1</td>	
		<td>2</td>
		<td>3</td>	
	</tr>
	<tr bgcolor='ffffff'>
		<td>1</td>	
		<td>2</td>
		<td>3</td>	
	</tr>
	</table>
	<br>

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