意见箱
恒创运营部门将仔细参阅您的意见和建议,必要时将通过预留邮箱与您保持联络。感谢您的支持!
意见/建议
提交建议

【HTML5】表格 table 系列的标签基本使用

来源:恒创科技 编辑:恒创科技编辑部
2024-01-17 01:33:59



<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--
table 定义表格
tr 定义行
td 定义列
th 定义表头
caption 定义标题
thead 定义表格的上半部分
tbody 定义表格主体
tfoot 定义表格底部
colspan 列合并
rowspan 行合并
-->
<table border="1">
<tr>
<td>第一列</td>
<td>第二列</td>
</tr>
<tr>
<td>第一列</td>
<td>第二列</td>
</tr>
</table>
<table border="1">
<caption>这是表格标题</caption>
<thead>
<tr>
<th>序号</th>
<th>姓名</th>
<th>班级</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>小王</td>
<td>一班</td>
</tr>
<tr>
<td>2</td>
<td>小李</td>
<td>二班</td>
</tr>
<tr>
<td>3</td>
<td>小张</td>
<td>三班</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3"style="text-align: center;">完成</td>
<td rowspan=""></td>
</tr>
</tfoot>
</table>
</body>
</html>

【HTML5】表格 table 系列的标签基本使用_html




【HTML5】表格 table 系列的标签基本使用

上一篇: 【Vue】Vue 项目后端接口框架搭建 下一篇: 手机怎么远程登录云服务器?