表格

表格

表格<table></table>标签来定义的

表格行间样式:
border(边框宽度),默认情况下如果不指定border属性,则浏览器将不显示表格边框
bordercolor(边框颜色)
代码:表格
显示效果:
表格
align(表格对齐方式):left(默认)/center/right
代码:表格
显示效果:
表格
cellspacing(单元格之间的距离)
代码:表格
显示效果:
表格
cellpadding(内容与单元格边框的距离)
代码:
表格
显示效果:
表格
background(背景图像地址)
bgcolor(背景颜色)
代码:
表格
显示效果:
表格
表格的背景颜色属性bgcolor是针对整个表格的,bgcolor定义的颜色可以被行、列 或单元格定义的背景颜色所覆盖。
width(表格的宽)

每个表格由若干组成,是由<tr></tr>标签来定义的

height(行高)
align(水平对齐方式):left/center/right/justify/
valign(垂直对齐方式):top/middle/bottom/baseline(与基线对齐)
代码:表格
显示效果:
表格
bgcolor(背景色)
background(背景图)

单元格

每行由若干单元格组成,单元格是由td></td>标签来定义的,单元格中可以包括文本,图片,列表,段落,表单,水平线,表格等等。

colspan(水平合并单元格)rowspan(垂直合并单元格)
代码:
表格
显示效果:
表格
width(单元格宽)
height(单元格高)
align(水平对齐方式)
valign(垂直对齐方式)
代码: 表格
显示效果:
表格
bgcolor(背景色)
background(背景图)

表头

<th></th>为表格的表头,大多数浏览器会把表头设置为粗体居中的文本
表格的表头是单元格的一种变体,实质上仍是一种单元格
它一般位于第一行和第一列,用来表明这一行或列的内容类别

代码:
表格
显示效果:
表格

表格的标题

<caption></caption>
一个表格只能生效一个标题,如果由多个则只生效第一个

属性:align(标题位置):left / right / top / bottom
代码:
表格
显示效果:
表格

thead、tfoot、tbody

<thead></thead>用来定义表格的页眉
<tfoot></tfoot>用来定义表格的页脚
<tbody></tbody>用来定义表格的主体
如果使用 thead、tfoot 以及 tbody 元素,就必须使用全部的元素。
它们的出现次序是:thead、tfoot、tbody,这样浏览器就可以在收到所有数据前呈现页脚了
代码:
表格
显示效果:
表格