<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格</title>
<style>
td{
/*td標籤裏的文本居中*/
text-align: center;
}
#oneTable tr{
height: 30px;
}
#oneTable td{
width: 100px;
}
</style>
</head>
<body>
<table border="1px" cellspacing="0" width="400px">
<tr>
<th bgcolor="rgb(0,0,0)">學號</th>
<th bgcolor="rgb(0,255,0)">年齡</th>
<th bgcolor="rgba(0,255,0,0.9)">姓名</th>
<th bgcolor="rgb(0,255,0,0.7">成績</th>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
<hr>
<h3>單元格合併</h3>
<table border="1px" cellspacing="0" cellpadding="0" width="500"
id="oneTable">
<!-- 默認頂部top 底部bottom -->
<caption align="bottom">表1 這是學生信息表</caption>
<!-- tr*6>td*5 -->
<tr>
<td rowspan="2"></td>
<td></td>
<td></td>
<td colspan="2"></td>
<!-- <td></td> -->
</tr>
<tr>
<!-- <td></td> -->
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td colspan="2" rowspan="2"></td>
<!-- <td></td> -->
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<!-- <td colspan="2"></td> -->
<!-- <td></td> -->
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>總計</td>
<td colspan="4"><img src="./images/1.jpg" alt="出錯了"></td>
<!-- <td></td>
<td></td>
<td></td> -->
</tr>
</table>
</body>
</html>
HTML表格
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
[轉載]慎用標籤 提交表單 [IE6無法提交表單][事件衝突]
我們都知道可以使用 [form].submit(); 來動態提交表單,但使用點擊<a/>標籤來提交表單, 會出現什麼情況呢?我們都知道, <a/>有個