网页编程基础:HTML第4章:表格本章内容表格的定义表格模型表格元素table行元素tr单元格元素td,th表格的题注表格分组表格模型表格通常用来组织结构化的信息表格是一些被称作单元格的矩形框按照从左到右,从上到下的顺序排列在一起而形成的表格的数据保存在单元格里表格的格式可以在三个层次被设置,从行,列到相邻的若干个单元格,还可以对每一个单元格单独设置HTML4.0可以让单元格按行或列进行分组与表格有关的元素table表格元素语法开始标记:必需内容:caption:表格标题元素col:列元素colgroup:列分组元素thead:表头行分组元素tbody:表主体行分组元素tfoot:表尾行分组元素tr:行元素td:单元格元素结束标记:必需Table元素的属性tr行元素语法开始标记:必需内容:td单元格th表头单元格结束标记:可选主要属性通用属性:id,class,lang,dir,title,style横向对齐属性:align。可取值为right,left,center,justify(两端对齐),char(字符对齐)纵向对齐属性:valign。可取值为top,middle,bottom,baseline(基线对齐)td单元格元素(1/2)语法开始标记:必需内容:单元格数据结束标记:可选主要属性通用属性:id,class,lang,dir,title,style横向对齐属性:align可取值为right,left,center,justify(两端对齐),char(字符对齐)纵向对齐属性:valign可取值为top,middle,bottom,baseline(基线对齐)td单元格元素(2/2)主要属性width:单元格的宽度height:单元格的高度bgcolor:背景色colspan:单元格所跨列的数目rowspan:单元格所跨行的数目举例--创建表格下面代码建立了一个2x2的表格tablewidth=75%border=1trtda1/tdtda2/td/trtrtdb1/tdtdb2/td/tr/tablecaption表格的题注(1/2)语法开始标记:必需内容:行内标记结束标记:必需主要属性align属性:用以确定题注的位置,可以有五种取值:bottom、center、left、right、top备注caption元素必须包含在table元素中,而且必须紧跟在table的开始标记之后caption表格的题注(2/2)Bottom:题注在表格的下方Top:题注在表格的上方Left:题注在表格的左边right:题注在表格的右边行分组thead/thead表头行分组开始标记必需,结束标记可选tbody/tbody表主体行分组开始标记可选,结束标记可选tfoot/tfoot表尾行分组开始标记必需,结束标记可选内容:一个或几个tr元素thead元素应该与tbody和tfoot元素结合起来使用。定义列col列元素:为表格中一个或多个列定义属性值开始标记必需,无结束标记内容无主要属性span:列数列分组colgroup列组元素:对列进行分组,对表格中的列进行组合,以便对其进行格式化开始标记必需,结束标记必需内容一个或多个col元素主要属性span:列数任务4-1建立表格并通过table元素的属性建立表格并通过table元素的属性控制表格外观在网页中建立一个3列5行的标准表格,并给表格加上标题文字。设置该表格总体的属性跨行和跨列单元格跨行和跨列的功能常被应用来建立一些不规则的表格td/th元素有两个属性colspan和rowspan可设置单元格跨行和跨列colspan水平方向延伸单元格,值为一正整数,代表此单元格水平延伸的单元格数rowspan垂直方向延伸单元格,值为一正整数,代表此单元格垂直延伸的单元格数不规则表格的建立tablewidth=75%border=1trtdcolspan=31/td/trtrtd2/tdtd2/tdtd2/td/trtrtd3/tdtd3/tdtd3/td/tr/tabletablewidth=75%border=1trtdrowspan=“21/tdtd1/tdtd1/tdtd1/td/trtrtd2/tdtd2/tdtd2/td/tr/table用Table实现一个网页的模板要求上面的logo左侧为menu右侧为Content其他任务4-2建立不规则的表格建立复杂的表格使用table、th、td、tr等元素的属性建立一些不规则的表格,通过此任务学习这些元素的属性功能本章总结表格的定义表格模型表格元素table行元素tr单元格元素td,th表格的题注表格分组理解表格元素及其属性掌握插入表格方法掌握设置表格属性的方法