码迷,mamicode.com
首页 > Web开发 > 详细

HTML之学习笔记(八)表格

时间:2016-05-15 16:51:06      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:

  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(跨行)

如下效果

技术分享

 

HTML之学习笔记(八)表格

标签:

原文地址:http://www.cnblogs.com/zk-ljc/p/5495422.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!