本篇文章主要介绍html中的table，感兴趣的朋友参考下，希望对大家有所帮助。
普通表格，简单的HTML表格由table元素以及tr、td和th元素组成，其中tr是指表格行，td是指单元格，th定义表头。空单元格就直接不填即可，或者用 。
| 表头 | 表头 | 表头 |
|---|---|---|
| 单元格1 | 单元格3 |
2.带有边框的表格。border元素表示表格的边框,默认单位是px，cellspcing表示表格与表格之间的间距，cellpadding表示内边距/内填充的距离。
| 表头 | 表头 | 表头 |
|---|---|---|
| 单元格1 | 单元格2 | 单元格3 |
3.带有背景图片或颜色的表格，注意：bgcolor表示颜色，而background不能直接在html里面添加颜色(这句话说错了，是使用的方式错误，直接使用内联样式书写的格式是style=”background:red”或者是style=”background-color:red”)，在table中添加就是对整个表格设置，如果在单独的tr或者td中设置就是对单独的行或者单元格来进行设置。
立即学习“前端免费学习笔记（深入）”；
| 表头 | 表头 | 表头 |
|---|---|---|
| 单元格1 | 单元格2 | 单元格3 |
4、跨行和跨列的表格，rowspan表示跨行，colspan表示跨列，跨列的话就在当前表格行内删除，跨行的话就在下方的表格行内删除。
| 姓名 | Bill Gates |
|---|---|
| 电话 | 555 77 854 |
| 555 77 855 |
| 姓名 | 电话 | |
|---|---|---|
| Bill Gates | 555 77 854 | 555 77 855 |
5.带有标题的表格，caption表示表格的标题，也可以用其他标签比如p标签来定位表格标题，但使用caption的好处是他会跟着表格一起走，默认是在和表格居中对齐。
6.在表格单元中排列内容，比如在单元格中添加段落，列表等。
这是一个段落，hello World！ |
|
7.frame框架属性，规定外侧边框的哪个部分是可见的。//暂时不会使用。
相关推荐：
HTML页面table滚动条的实现
ElTableColumn扩展方法详解
关于SQL ALTER TABLE 语句的相关操作
以上就是html中的table详解的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1546171.html
微信扫一扫 
支付宝扫一扫 
