Html的表格使用table标签。table标签含有tr(table row)子标签,tr又含有th(table head)和td(table data)子标签这样的嵌套结构
代码演示
1 <table border="1" width="600"> 2 <tr> 3 <th>name</th> 4 <th>age</th> 5 <th>sex</th> 6 </tr> 7 <tr> 8 <td>赵小虎</td> 9 <td>19</td> 10 <td>男</td> 11 </tr> 12 </table>
效果为:
th表头做为表格结构的一部分,不属于数据,且表头文本默认黑体、加粗和居中
当审查页面元素的时候,会发现table下面嵌套了一级tbody,也可以在代码段显示声明tbody。
属性:
table的属性有border,width,height,bgcolor(背景颜色),background(背景图片),bordercolor,
cellspacing(单元格之间的间距),cellpadding(单元格内文本的边距)
td的属性有align(位置),valign(vertical align垂直方位)[top,middle,bottom],colspan(column span跨列),rowspan(跨行)
如下效果
时间: 2024-10-06 00:30:47