Html的表格使用table标签。table标签含有tr(table row)子标签,tr又含有th(table head)和td(table data)子标签这样的嵌套结构
代码演示
<table border="1" width="600"> <tr> <th>name</th> <th>age</th> <th>sex</th> </tr> <tr> <td>赵小虎</td> <td>19</td> <td>男</td> </tr> </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(跨行)
如下效果