内容简介:有时候,我们在做web界面显示的时候,经常遇到html复杂表格的编写。主要就是跨列,跨行等。下面分享一个既有跨列又有跨行的复杂表格样例。2.html代码
有时候,我们在做web界面显示的时候,经常遇到html复杂表格的编写。主要就是跨列,跨行等。下面分享一个既有跨列又有跨行的复杂表格样例。
具体内容
1.界面效果
2.html代码
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>复杂表格</title>
</head>
<body>
<center>
<table width = "60%" border="1">
<tr>
<th colspan="2" rowspan="2">跨两行两列</th>
<th colspan="2">跨两列</th>
</tr>
<tr>
<td>单元格21</td>
<td>单元格22</td>
</tr>
<tr>
<td>单元格31</td>
<td>单元格32</td>
<td>单元格33</td>
<td>单元格34</td>
</tr>
<tr>
<td>单元格41</td>
<td>单元格42</td>
<td>单元格43</td>
<td>单元格44</td>
</tr>
</table>
</center>
</body>
</html>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:- ElementUI 实现表格可编辑 Editable,增删改查编辑表格Grid
- 开源 UI 库中,唯一同时实现了大表格虚拟化和树表格的 Table 组件 原 荐
- PHP基础知识(表格)
- vue导出excel表格
- 如何批量采集网页表格数据?
- 标题带背景图片的表格
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
Developer's Guide to Social Programming
Mark D. Hawker / Addison-Wesley Professional / 2010-8-25 / USD 39.99
In The Developer's Guide to Social Programming, Mark Hawker shows developers how to build applications that integrate with the major social networking sites. Unlike competitive books that focus on a s......一起来看看 《Developer's Guide to Social Programming》 这本书的介绍吧!