table标签的使用技巧

一、table标签的使用场合

不是用来布局，而是用来展示数据。

二、table标签的结构

    <table border="1" align="center" cellspacing="0" cellpadding="0"><caption>个人信息表</caption><tr><th>姓名</th><th>年龄</th><th>性别</th></tr><tr><td>小王</td><td>12</td><td>男</td></tr><tr><td>小李</td><td>14</td><td>男</td></tr></table>

caption：表格标题； tr: 行；th,td：单元格；（th表头标签）

cellspacing: 单元格与单元格间的距离

cellpadding: 文本与单元格间的距离

（一般情况三参为0）

三、合并单元格

跨行合并：rowspan

跨列合并：colspan

table标签的使用技巧相关推荐

前端小技巧：js 动态创建table标签下的tr标签
使用JavaScript根据后台获取的数据进行创建table标签下的tr标签前端页面中的标签部分代码 <table class="layui-table lay-even" ...
java中table是什么标签_[Java教程]javascript格式化table标签内容
[Java教程]javascript格式化table标签内容 0 2015-07-12 20:00:08 项目中遇到这样的需求,一大段文章正文的html代码在手机中显示不全,原因是由于其它有table ...
table 标签的 rules 属性
rules 属性规定内侧边框的哪个部分是可见的. 从实用角度出发,最好不要规定 rules,而是使用 CSS 来添加边框样式. 值描述 none 没有线条. groups 位于行组和列组之间的线条. ...
python处理html的table标签
转载:http://www.xuebuyuan.com/583071.html python处理html的table标签 2012年01月06日 ⁄ 综合 ⁄ 共 5279字 ⁄ 字号小中大 ⁄ ...
Bootstrap——table标签使用横向滚动条解决方案
官方文档 https://v4.bootcss.com/docs/content/tables/ 解决方案方法一:原生CSS 给table标签添加CSS属性 table显示滚t动条,要先把table ...
PHP自学4——通过函数将数组数据输出到html的Table标签中（使用函数的例子）
这一节其实说实话并没有什么干货,不过为了防止PO主的懒癌的复发,还是坚持放一点东西,即使是内容和长度都令人发指.这一节通过一个函数来实现将数组中的内容输出html的Table标签当中显示. 函数文件- ...
img、列表和table标签
一.img图片 <body> <a href="https://www.fmtxt.com"> <img src="images/1.jpg ...
html:(14):给div命名和table标签
给div命名,使逻辑更加清晰在上一小节中,我们把一些标签放进<div>里,划分出一个独立的逻辑部分.为了使逻辑更加清晰,我们可以为这一个独立的逻辑部分设置一个名称,用id属性来为< ...
PHP自学3——在html的table标签中显示用户提交表单
为了更好地显示用户提交表单,本节将在上一节的基础上将读取的用户表单显示在html的<table>标签中,这一节将用到和数组有关的知识. 本节代码将从外部文件(.txt文件)中读取信息于指定 ...

table标签的使用技巧

一、table标签的使用场合

二、table标签的结构

三、合并单元格

table标签的使用技巧相关推荐

最新文章

热门文章