第二章Html高级部分.pptVIP

第 2 章 HTML高级部分 表格标签 帧标签 表单标签 头元素 分区标签 2.1 表格标签 table 元素：定义一个表格。每一个表格只有一对table和/table，一张页面中可以有多个表格。 tr元素：定义表格的行，一个表格可以有多行，所以tr对于一个表格来说不是唯一的。 td元素：定义表格的一个单元格。每行可以有不同数量的单元格，在td和/td之间是单元格的具体内容。 需要注意的是：上述的三个元素必须、而且只能够配对使用。缺少任何一个元素，都无法定义出一个表格。 表格的基本结构 table定义表格 tr th定义表头，里面的内容将是黑体居中显示/th /tr tr定义表行 td…/td定义单元格 /tr /table 例：table.htm 表格的基本结构 表格的属性 －width 属性：指定表格或某一个表格单元格的宽度。单位可以是%或者象素。 －height 属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素。 －border 属性：表格边线粗细 －bgcolor 属性：指定表格或某一个单元格的背景颜色。 －background 属性：指定表格或某一个单元格的背景图片。其属性值为一个URL地址。 －bordercolor 属性：指定表格或某一个单元格的边框颜色。 －align属性：指定表格或某一个单元格里的内容（文本、图片等）的对齐方式。 －cellspacing 属性：单元格间距。 －cellpadding 属性：单元格边距。 例：table_property.htm 行属性 1、valign属性：指定某一个单元格里的内容（文本、图片等）的垂直对齐方式。垂直对齐方式的属性值包 top：顶端对齐；middle：居中对齐；bottom：底端对齐。Baseline：相对于基线对齐。 2、align属性：指定表格或某一个单元格里的内容（文本、图片等）的对齐方式 3、height属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素 例： tr_property.htm 单元格属性 1、valign属性：指定某一个单元格里的内容（文本、图片等）的垂直对齐方式。垂直对齐方式的属性值包括： top：顶端对齐； middle：居中对齐； bottom：底端对齐; Baseline：相对于基线对齐; 2、Colspan：属性值表示当前单元格跨越几列 3、Rowspan：属性值表示当前单元格跨越几行 例： td_property.htm 综合实例： table border=5 width=80% align=center tr th colspan=3古典文学/th /tr tr height=50 td rowspan=3唐诗/td th作者/th th width=70% bordercolor=red bgcolor=yellow align=right valign=top名称 /th /tr tr td李白/td td月下独酌/td /tr tr height=50 td杜甫/td td bordercolor=navy bgcolor=pink align=left valign=bottom 望岳 /td /tr /table 2.2 网页中的框架 制作框架页面的步骤： 1.编写所有子框架页面 2.编写主框架页面 3.在主框架页面中设定子框架名称 4.如果框架页面之间存在链接，在子框架中设定链接。 注意：框架页面是不含body标签的 网页中的框架 基本语法 frameset frame src=url noframes body 您的浏览器不支持框架，请考虑升级您的浏览器！ /body /noframes /frameset 网页中的框架 定义框架的基本语法 框架由一对frameset定义 frameset有两个属性：rows和cols Rows定义上下分割的框架的大小； cols定义左右分割的框架的大小； 在定义大小时，rows和cols可以使用相对大小或以百分比为单位。 例如：frameset rows=“40%,*” cols=“50%,*,200”总共有6个帧，先是在第一行从左到右排列3个帧，再在第二行中从左到右排列3个帧，即两行三列， 网页中的框架 各窗口的尺寸设置 frameset rows=#横排多个窗口 frameset rows=30%,20%,* frame src=A.html frame src=B.html frame src=C.html /frameset 排列方式： A B C 例：01.ht