时间:2021-05-08
作用:数据的展示,表格应用场景.
<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表格内容请搜索以前的文章或继续浏览下面的相关文章,希望大家以后多多支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
bootstraptable系列:JS表格组件神器bootstraptable详解(基础版)JS组件系列之Bootstraptable表格组件神器【终结篇】JS
使用html做复杂的表格。复杂表格一般是用到td的两个属性:rowspan、colspan属性值。在html中标签定义HTML表格中的标准单元格。 (1)ro
详解HTML5使用video标签实现选择摄像头功能1.html//jqueryreference////OpenWebCamSnapPhoto2.javascr
html表格居中设置的方法如下: 1、打开html编辑器。 2、在表格的样式里面填写divstyle="margin:0auto;"代码。 3、之后即可将
本文实例讲述了php将HTML表格每行每列转为数组实现采集表格数据的方法。分享给大家供大家参考。具体如下:下面的php代码可以将HTML表格的每行每列转为数组,