课件 html+css html+css HTML教学课件.ppt

例2-22 表单的使用。 2.8 框架标记 2.8.1 建立框架 2.8.2 框架的属性设置 2.8.3 框架间的链接 2.8.1 建立框架 一个框架的基本结构为： FRAMESET cols=”50%,*” FRAME name=”hi” src=”left.html” FRAME name=”content” src=”main.html” /FRAMESET 1. FRAMESET标记 2.FRAME标记 3. NOFRAMES标记 2.8.1 建立框架 1. FRAMESET标记 基本格式为： FRAMESET rows=”数值” cols=”数值” frameborder=”0/1” border=”像 素数” bordercolor=”颜色” framespacing=”值” 2.8.1 建立框架 2.FRAME标记 FRAME标记是一个单标记，其格式为： FRAME name=”框架名” src=”源文件名” marginwidth=”x” marginheight=”y” scrolling=”yes | no | auto ” frameborder=”0或1” framespacing=”z” bordercolor=”颜色” noresize 2.8.1 建立框架 3. NOFRAMES标记。例如： FRAMESET rows=”80, *” NOFRAMES BODY 很抱歉，您使用的浏览器不支持框架功能，请转用新的浏览器。 /BODY /NOFRAMES FRAME name=”top” src=”a.html” FRAME name=”bottom” arc=”b.html” FRAMESET 例2-23 框架的嵌套。 2.8.2 框架的属性设置 1. 设定框架的有无和颜色 2．固定边框 3．页面空白区域的设置 4．滚动条的设置 2.8.2 框架的属性设置 1. 设定框架的有无和颜色 （1）frameborder属性可以设定有无边框。格式为： FRAMESET frameborder=”0或1” 或 FRAME frameborder=”0或1” （2）bordercolor属性可以给边框着色。格式为： FRAMESET bordercolor=”颜色” 或 FRAME bordercolor=”颜色” 2.8.2 框架的属性设置 2．固定边框 ? 在缺省情况下，浏览者可用鼠标拖动边框改变页面的大小。使用 FRAME标记的noresize属性可以固定边框的位置。其格式为： FRAME noresize Noresize属性没有属性值，加入noresize属性则固定边框。 2.8.2 框架的属性设置 3．页面空白区域的设置 ? FRAME的marginhigh和marginwidth属性可以设置框架内容与框架的 边框之间的空白，其中marginhight属性设置框架内容与上下边框间保留 的空间，marginwidth属性设置框架内容与左右边框间保留的空间。 FRAMESET标记中的framespacing属性可以用来设置各个框架窗口之 间的空白。 2.8.2 框架的属性设置 4．滚动条的设置 ? 在FRAME标记中的属性scrolling用来设置滚动条，它可以取“yes”、 “no”和“auto”3种值，分别表示始终有滚动条、始终没有滚动条和自 动启动滚动条，默认值是自动启动滚动条。 例2-24 框架嵌套修改后的页面。 2.8.3 框架间的链接 在很多网页中，常在一个框架内显示一个所有网页内容的目录，而通过单 击其中的某项，在另一个框架中显示相应的内容。这些目录是热点文本， 需要在框架之间建立超链接，并指明显示目标文件的框架。 使用A标记的target属性就是可以控制目标文件在哪个框架内显示。当 单击热点文本时，目标文件就会出现在由target指定的框架内。 例2-25 框架间的链接。 图2-25 框架间的链接 例2-25 框架间的链接。 图2-26 单击热点“李白”后的显示效果 例2-25 框架间的链接。 图2-27 单击热点“送孟浩然之广陵”后的显示效果 * * * * 2.5.2 表格的属性设置 ? 1. 表格标记属性 （1）TABLE标记的属性设置 TABLE border=”n” width=x或x% height=y或y% cellspacing=”i”