html --table表格
程序员文章站
2022-03-08 12:16:27
...
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
比如:
-
caption:表格的题目
-
thead:表头
- tbody:表体
- tfoot:表尾
- th:一行一般用于表头
- tr:一行一般用于表体
- td:一列
有rowspan和colspan 合并行与合并列
<table >
<tr>
<td colspan="3" ></td>
</tr>
<tr>
<td ></td>
<td ></td>
<td ></td>
</tr>
</table>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
table在原来不仅可以用于显示的表格,还用于布局。并且现在一般官方的*的网站还是用这样table布局。table布局非常清晰。当遇到问题需要表格布局时可以把所有的线来延长用来计算表格的行数与列数。
比如要实现下图的表格
应该是5行4列 就是通过线的延伸,然后合并行与列实现的。
上一篇: html jquery li标签 选中
下一篇: 灵云语音合成
推荐阅读
-
开坑,写点Polymer 1.1 教程第6篇--样式(2)_html/css_WEB-ITnose
-
CSS vertical-align属性的用法_html/css_WEB-ITnose
-
图片中英文导航在IE6里面都链接不过去_html/css_WEB-ITnose
-
在2015年 开发一个 Web App 必须了解的那些事_html/css_WEB-ITnose
-
独特设计!插图和手绘元素在网页设计中的使用_html/css_WEB-ITnose
-
php生成静态html文件的三种方法
-
【急】求520表白网页_html/css_WEB-ITnose
-
javascript和HTML5利用canvas构建猜牌游戏实现算法_javascript技巧
-
IE下table设置高度100%却无效的情况_html/css_WEB-ITnose
-
CSS3如何实现2D转换和3D转换,他们有何区别_html/css_WEB-ITnose