html 第七章 表格的应用

第七章  表格的应用

7.1.1 表格的基本构成—table、tr、td

table 表格标记

tr 行标记

td 单元格标记

7.1.2 表格的标题—caption

7.1.3 表格的表头—th（加粗显示）

7.2.1 表格的宽度—width

表格宽度的值可以是具体的像素数，也可设置浏览器的百分比数，如果将表格中的宽度值设置为固定的像素数，那么当浏览器大小变化时，表格不会随机发生变化。

7.2.2表格的高度—height

可设置具体的像素数，也可设置浏览器的百分比数。

7.2.3 表格的对齐方式—align

设置整个表格在网页中的位置left/center/right

7.3.1表格边框的宽度—border

默认情况下，表格是不显示边框的,只有设定了border参数，且其值不为0，在网页中才能显示出表格的边框。Border的单位为像素.

7.3.2表格边框的颜色—bordercolor

设置边框颜色的前提是边框宽度不能为0

7.3.3 表格内框的宽度—cellspacing

表格的内框宽度是指表格内部各个单元格之间的宽度

7.3.4 表格内文字与边框的间距—cellpadding

表格内的文字与表格边框的距离

7.4.1 表格背景的颜色—bgcolor

7.4.2 表格的背景图像—background

7.5 设置表格的行属性

7.5.1 高度的控制—height

在网页中常常遇到一些表格中的某一行高度和其他行不同的情况，这时就需要使用height

7.5.2 行的边框颜色—bordercolor

7.5.3 行的背景颜色—bgcolor

7.5.4 行文字的水平对齐方式—align

7.5.5 行文字的垂直对齐方式—valign

top、middle、bottom

7.5.6 表格标题的垂直对齐方式—align

7.6 调整单元格属性

7.6.1 单元格大小—width、height

7.6.2 单元格水平跨度—colspan

单元格水平跨度是指在复杂的表格结构中，有些单元格是跨多个列的

7.6.3 单元格垂直跨度—rowspan

7.6.4 单元格对齐方式—align、valign

7.6.5 单元格的背景色

7.6.6 单元格的边框颜色—bordercolor

7.6.7 单元格的亮边框—bordercolorlight

7.6.8 单元格的暗边框—bordercolordark

7.6.9 单元格的背景图像—background

7.7 表格的结构

7.7.1 表格的表头标记—thead

表头样式的开始标记是<thead>，结束标记是</thead>

表格的表主体标记—tbody

与表头样式的标记功能类似，表主体样式用来统一设计表主题部分的样式

表格的表尾标记—tfoot

7.8 表格的嵌套

在页面中，排版是通过表格的嵌套来完成的。即一个表格内部可以套入另一个表格。一般情况下需要使用一些可视化软件来实现布局，这样看起来更加直观。