HTML之学习笔记(八)表格

  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>    

效果为:

HTML之学习笔记(八)表格

  th表头做为表格结构的一部分,不属于数据,且表头文本默认黑体、加粗和居中

当审查页面元素的时候,会发现table下面嵌套了一级tbody,也可以在代码段显示声明tbody。

  HTML之学习笔记(八)表格

属性:

  table的属性有border,width,height,bgcolor(背景颜色),background(背景图片),bordercolor,

cellspacing(单元格之间的间距),cellpadding(单元格内文本的边距)

  td的属性有align(位置),valign(vertical align垂直方位)[top,middle,bottom],colspan(column span跨列),rowspan(跨行)

如下效果

HTML之学习笔记(八)表格

上一篇:JS脚本语言是什么意思?


下一篇:使用JSONP跨域请求数据