网页方案教案ch_6 表格格072.pptVIP

第6章 表　格 第6章 表格 定义表格标签table/table 定义表行标签tr/tr 定义单元格标签td/td 定义表头标签th/th 6.5　表格的分组 表格运用的注意点 我们在设计页面表格的时应做到: 本章结束 在表格的使用中，有时会遇到某些数据占多行多列的情况。可以使用th或td标签中的colspan和rowspan属性来实现。设置语法如下： td colspan=数值 th colspan=数值 或 td rowspan=数值 th rowspan=数值 rowspan属性的参数值是数字，表示该单元格所跨的行数。该属性的缺省值为1。 colspan属性的参数值是数字，表示该单元格所跨的列数。该属性的缺省值也是1。 6.4.4 设置跨多行跨多列的单元格 可以在th和td标签中使用align和valign属性调整单元格中内容的左右、上下位置。 align属性的设置语法如下： td align=参数值 th align=参数值 align属性用于规定单元格内容在水平方向上的位置。属性的参数值为left、center和right之一，分别表示该单元格内容是左对齐、水平居中和右对齐的。缺省时，单元格内容是左对齐的。 6.4.5 设置单元格内文字的对齐方式 valign属性的设置语法如下： td vlign=参数值 th vlign=参数值 valign属性用于规定单元格内容在垂直方向上位置。属性的参数值为top、middle和bottom之一，分别表示该单元格内容是上对齐、垂直居中和下对齐的。缺省时，单元格内容是垂直居中的。 6.4.5 设置单元格内文字的对齐方式 HTML允许文档编辑者将表格按行分组。每一组由表头、表格主体和尾注三部分组成。其中尾注部分是可选的。 　　表格的按行分组是通过使用表头行标签thead、表格主体标签tbody和尾注标签tfoot来实现的。 6.5.1 表格的行分组 thead/tbody/tfoot thead标签是成对标签，首标签thead和尾标签/thead之间的内容是一系列由表头标签标识的表头元素。我们可以在thead标签中规定表头行中所有表头元素的公共属性。thead标签拥有的属性以及属性对应的功能和th标签完全一样。 6.5.1 表格的行分组 thead/tbody/tfoot tbody和tfoot标签也是成对标签，其中tbody标签用于规定表格主体部分的共有特性,tfoot标签用于规定尾注的特性。实践中，tfoot标签很少使用。 6.5.1 表格的行分组 thead/tbody/tfoot HTML使用colgroup标签来将表格按列分组。基本语法设置如下： colgroup span=数值 align=参数值 colgroup标签有两个属性：span和align，它们都是可选的。span属性的参数值为数字，表示该组包含的列数。该属性的缺省值为1。align属性用以规定该组所跨列中所有单元格内容在水平方向上的位置。该属性的参数值为left、center和right之一，分别表示各单元格内容是左对齐、水平居中和右对齐的。 6.5.2 表格的列分组colgroup HTML中的表格是可以同时行分组和列分组的，即我们可以在用行分组指定表格中某行或某几行公共属性的同时，又使用列分组指定某列或某几列的公共属性。 6.5.3 表格的行列分组 表格标题使用专门的标签caption。表格标题标签caption是成对出现标签，首标签caption和尾标签/caption之间的内容就是表格的标题，如果不想要标题，不加caption标签就可以了。基本语法设置如下： caption align=参数值 valign=参数值表格标题/caption 6.6 设置表格的标题 caption应放在table标签里面，在表格的行标签tr之前。 caption有两个属性：align和valign，它们都是可选的。 6.6 设置表格的标题 align属性的参数值的为left、center和right之一，分别表示表格标题与表格的左沿对齐、位于表格中间和与表格的右沿对齐。缺省时，表格标题位于表格中间。 　　valign属性的参数值为top和bottom之一，分别表示表格标题位于表格的上方和下方。缺省时，表格标题位于表格的上方。 6.6 设置表格的标题 * * 6.1 定义表格的基本语法 6.2 表格的定义 6.3 表格行的控制 6.4 单元格的控制 6