详解HTML表格
发布时间：2020-07-31 09:32:10 作者：佚名 
我要评论
我要评论这篇文章主要介绍了HTML表格,包括表格的作用布局及格式问题，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
作用：数据的展示，表格应用场景.
<table>表格 <tr>行 <td>单元格
格式：
<table> <caption>...</caption><!-表格标题，居中显示--> <tr> <th>...</th>... <!-表格头，内容居中，加粗显示--> </tr> <tr> <td>...</td>... </tr> </table>
表格结构标签：加载一部分 显示一部分 更加便利.
划分三部分：表头（thead），主体（tbody），脚注（tfoot）这三个标签不能影响布局
<table> <caption>...</caption> <thead> <tr> <th>...</th>... <!-表格头，内容居中，加粗显示--> </tr> </thead> <tbody> <tr> <td>...</td>... </tr> </tbody> <tfoot> <tr> <td>...</td>... </tr> </tfoot> </table>
table标签属性
tr 标签属性
<table> <tr> <td colspan="2"> ...</td> <td> ...</td> </tr> <tr> <td>...</td> <td>...</td> <td>...</td> </tr> </table>
<table> <tr> <td> ...</td> <td rowspan="2"> ...</td> </tr> <tr> <td>...</td> <td>...</td> <td>...</td> </tr> </table>
说明：1.完整表格结构 2.放到<td>标签中
<table> <tr> <td> ...</td> <td> <table> <tr> <td> ...</td> <td>.</td> </tr> </table> </td> </tr> </table>
1.尽量少的使用表格嵌套。
2.尽量少的使用表格跨行跨列 。
增加代码的整体维护成本 。
使用表格进行网页结构布局一般不设置border
到此这篇关于详解HTML表格的文章就介绍到这了,更多相关HTML表格内容请搜索程序员之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持程序员之家！
相关文章
- link标签是用于样式表、图标与外部资源的关联，有很多属性，本文就详细的介绍 一下HTML中link标签属性的具体用法，感兴趣的可以了解一下2023-05-05
- 在浏览器中提交表单后，浏览器一般会提示“是否需要记住密码”，自动填充密码很不安全，本文就介绍了html解决浏览器记住密码输入框的问题，具有一定的参考价值，感兴趣的可2023-04-28
- 本文主要介绍了Html获取登陆用户名的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-02-13
表格是日常常用的工具，很多时候需要用到单元合并，本文主要介绍了HTML表格合并的具体实现方式， 具有一定的参考价值，感兴趣的可以了解一下2023-01-05- 这篇文章给大家分享HTML页面点击按钮关闭页面的几种方式，实现思路非常简单，有不带任何方式的关闭窗口，提示之后关闭页面，点击关闭本页面并跳转到其他页面等等，每种方式2022-11-22
本文主要介绍了html网页引入svg图片的4种方式，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-08-03
本文主要介绍了HTML静态页面获取url参数和UserAgent的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一2022-08-02
本文主要介绍了HTML实现仿Windows桌面主题特效的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学2022-06-27- 本文主要介绍了html中两种获取标签内的值的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习2022-06-09
- 本文主要介绍了HTML页面中使两个div并排显示的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习2022-05-13
最新评论