<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>表格标签</title>
</head>
<body>
<!--
一、表格：以格式化形式展示数据的一种手段，由行和列组成
1.使用table标签创建表格
2.tr创建表格的行
3.td用户创建表格的列
4.th标签用于创建表头列，默认加粗并且居中
二、表格的属性
border：用于设置表格的边框
align：设置表格相对于周围元素的对齐方式
width、height：设置表格宽度和高度
cellpadding:设置单元格边沿与内容之间的空白。默认1px
cellspacing：设置每个单元格之间的空白。默认2px
三、合并单元格
rowspan：合并行
colspan；合并列
四、表格和结构标签
thead：表格的头部
tbody：表格的主体
tfoot：表格的底部
注意：table的子标签并不是tr，默认是tbody
thead中的内容永远在表格的最上方
tfoot内容永远在表格的最下方
-->
<table border="1px" align="center" width="200px" height="200px" cellpaddind="5px" cellspacing="0px">
<thead>
<tr>
<th>姓名</th>
<th>班级</th>
<th>年龄</th>
</tr>
</thead>
<tbody>
<tr>
<td>A1</td>
<td>A2</td>
<td>A3</td>
</tr>
<tr>
<td>B1</td>
<td>B2</td>
<td rowspan="2">B3</td>
</tr>
<tr>
<td colspan="2">C1</td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td>
<td>合计</td>
<td>1999</td>
</tr>
</tfoot>
</table>
</body>
</html>
版权属于：
yu
作品采用：
《
署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)
》许可协议授权
评论 (0)