表格
表格
表格由<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,这样浏览器就可以在收到所有数据前呈现页脚了
代码:
显示效果: