Day05 表格
2024-10-20 20:25:56
表格
<table width="300" border="1" cellspacing="0">
<caption>表格标题</caption>
<thead>
<tr>
<th>姓名</th>
<th>性别</th>
<th>语文</th>
</tr>
</thead>
<tbody>
<tr>
<td>欧阳</td>
<td>男</td>
<td>30</td>
</tr>
<tr>
<td>戴璐</td>
<td>女</td>
<td>10</td>
</tr>
</tbody> </table>
单元格合并
案例
<table width="500px" height="100" border="1" cellspacing="0">
<tbody>
<!-- 第一行 -->
<tr>
<td></td>
<td></td>
<td></td>
<td rowspan="2"></td>
</tr>
<!-- 第二行 -->
<tr>
<td></td>
<td></td>
<td></td>
<!-- <td></td> -->
</tr>
<!-- 第三行 -->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 第四行 -->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 第五行 -->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
练习
<table width="500" height="400" border="1" cellspacing="0" align="center">
<!-- 1 -->
<tr>
<td></td>
<td colspan="4"></td>
<!-- <td></td>
<td></td>
<td></td> -->
</tr>
<!-- 2 -->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 3 -->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 4 -->
<tr>
<td rowspan="2"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 5 -->
<tr>
<!-- <td></td> -->
<td colspan="2"></td>
<!-- <td></td> -->
<td></td>
<td></td>
</tr>
<!-- 6 -->
<tr>
<td rowspan="4"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 7 -->
<tr>
<!-- <td></td> -->
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 8 -->
<tr>
<!-- <td></td> -->
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 9 -->
<tr>
<!-- <td></td> -->
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<!-- 10 -->
<tr>
<td></td>
<td colspan="4"></td>
<!-- <td></td>
<td></td>
<td></td> -->
</tr>
</table>
最新文章
- 使用jq插入节点
- mysql之替换字符串
- NET中的规范标准注释(二) -- 创建帮助文档入门篇
- web开发相关解决方案
- [pjsip]Pjlib中的链表结构
- 巨大bug
- CentOS6.5 安装snorby
- Mybatis-Generator生成Mapper文件中<;if test=";criteria.valid";>;的问题解答
- ASP.NET静态化方法
- Shuffle过程的简单介绍
- ArcEngine GroupLayer监听图层改变
- Java 实现字符串的加密与解密
- mysql各数据类型的存储范围
- 以太坊客户端Ethereum Wallet与Geth区别简介
- IIS 安全设置
- linux 安装Swagger(swagger-editor , swagger-ui)
- 大家一起做训练 第一场 E Number With The Given Amount Of Divisors
- js 面向对象 定义对象
- P1494 小Z的袜子
- Token报错问题