您的位置：首页 > Web前端 > HTML

HTML基础（9.2 表格）

2017-12-11 09:17 162 查看

<!DOCTYPE html>
<!--这次介绍标准表格
上篇是随意的介绍，这里是标准的写法
thead表示表头，tbody表示表内容-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<table border="1">
<thead>
<tr>
<th>表头1</th>
<th>表头2</th>
<th>表头3</th>
<th>表头4</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td rowspan="2">1</td>
<!--这里是让某个单元格纵向占两格
不过要删除它占据那一格原来的，否则会挤出去-->
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>1</td>
<td colspan="2">2</td>
<!--这里是让某个单元格横向占两格-->
<td>3</td>
</tr>
</tbody>
</table>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航