第五章_框架祥解.pptVIP

5.2.2 框架窗口属性 (1)src属性 用于设定框架显示的文件路径 语法格式： frame src=“url” (2)name属性 用于设定框架窗口的名称 语法格式：frame name=“name” 注：框架名必须以字母开头，必须是单个单词；区分大小写；允许使用下划线，不允许使用空格、句点和连字符。 (3) scrolling属性 用于设定该窗口是否显示滚动条。 语法格式：frame scrolling=“value” 注：value值有3个：yes、no和auto（默认） (4) noresize属性 用于设定用户能否自行调整框架窗口的大小 语法格式：frame noresize (5) marginwidth属性 用于设定框架中的内容与框架边缘的左右距离 语法格式：frame marginwidth=“value” (6) marginheight属性 用于设定框架中的内容与框架边缘的上下距离 语法格式：frame marginheight=“value” 程序代码如下 html head title框架窗口属性/title /head frameset cols=20%,80% frame scrolling=yes name=left src=1.htm frameset rows=50%,50%scrolling=yes frame src=2.htm /frameset/frameset /html 效果图 5.3 浮动窗口 浮动框架是在浏览器窗口中可以嵌套子窗口，在其中显示网页的内容。在HTML中通过iframe标签来实现。iframe标签的属性和frame标签的属性基本相同。 语法格式：iframe……/iframe 网 页 设 计 基 础 效果图 程序代码 html head title浮动窗口/title /head body iframe name=iframe src= width=600 height=500 align=center scrolling=yes /iframe /body/html 5.4 框架与超链接 使用框架的一个重要目的就是不同的框架中显示不同的页面。 在frame标签中name属性定义了窗口的名称，在a标签中target属性指定链接文字出自哪个窗口。 语法格式： a href=url target=“frame_name” 1.普通框架与超链接 首页代码 html head title普通框架与超链接/title /head frameset cols=20%,80% frame src=left.htm frame name=ab /frameset /html 左框架超链接代码 html head title查看图片/title /head body background=1273.jpg 你想了解br a href=right1.htm target=ab白羊座/abr ………………………….. a href=right12.htm target=ab双鱼座/abr /body /html right1.htm代码 html head title普通框架与超链接/title/head body background=3.jpg b白羊座/b(03.21-04.19)br pre W3C（World Wide Web Consortium）创Model…….。 /pre /body/html 2.浮动框架与超链接 5-9 5-9-3 5-9-1 5-9-1 5-9-2 5-9-3 5-9代码 html head title浮动框架与超链接/title /head body bgcolor=yellow center iframe src=5-9-1.htm name=abc width=400 浮动窗口 /iframebrbr a href=5-9-2.htm target=abc欢迎进入我的天地/a a href=5-9-3.htm target=abc感谢你的光临/a /center/body /html 5-9-1代码 html head title浮动框架与超链接/title /head body bgcolor=blue brbrbrbrbrbrcenter font color=yellow size=6欢迎您进入我的网站!/font /center/body /html 5-9-2代码 html head title浮动框架与超链接/title /head body bgcolor=lightyellow h4 align=centera href=网易.htm target