本文摘自PHP中文网,作者寻∝梦,侵删。
HTML table属性你知道多少,进来了解一下?在html中表格标签的使用十分广泛,对于初学者很好入手,不过也有一些属性,可以使表格的功能极大提升。应用得当,你会发现它会使页面变得清晰美观。让我们好好学习HTML table属性吧。什么是表格&表格的作用
什么是表格:由一些 被称之为 单元格的矩形框 按照从左到右从上到下的顺序排列到一起组成的
表格的作用:以一定的结构来显示信息的。
如何使用table表格
定义表格:<table></table>
创建表行:<tr></tr>
创建列(单元格):<td></td>
注意:默认情况下,每行中的列数是统一的。
table表格的特点:
1、独占一行
2、宽度自适应(由内容来决定)
table表格属性:
<table> 属性
width: 设置表格宽度
height: 设置表格高度
align: 设置 表格 在其 父元素中的水平对齐方式,取值:left,center,right
border: 边框,边框宽度,以px为单位的数值,px可以省略
cellpadding: 单元格内边距
单元格边框与内容之间的距离
cellspacing: 单元格外边距
单元格与单元格之间或者单元格与表格之间的 距离
bgcolor: 背景颜色
<tr> 属性
1.align: 该行的内容 水平对齐方式
2.valign: 该行的内容 垂直对齐方式,取值:top,middle,bottom
3.bgcolor 该行的文本颜色
<td> 属性
width
height
align
valign
bgcolor
colspan设置单元格跨列
rowspan设置单元格跨行
3、table表格中的其他标记
1.<caption></caption>
作用:为表格定义标题
位置:表格正上方居中显示
相关阅读 >>
更多相关阅读请进入《Html》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者