网页设计使用框架创 建多页面布局.pptVIP

7.4浮动框架 在浏览网页的时候会看到在浏览器窗口含有孤立的子窗口，那么这就是浮动框架，插入浮动框架要使用成对的标记iframe/iframe，同样，我们会用src属性来设置框架中显示文件的路径。 基本语法： iframe src=url/iframe 语法说明： 与框架不同的是，浮动框架可以包含在body标记中。 7.4浮动框架 指定iframe如何根据周围文字进行对齐，对齐方式为left、middle、right、top或bottom align= 以像素为单位指定浮动框架的宽度 width= 以像素为单位指定浮动框架的高度 height= 设置框架内容的左、右边距的像素数值 marginwidth= 设置框架内容的上、下边距的像素数值 marginheight= 标记框架，便于成为目标或从其他框架或窗口中引用 name= 显示或隐藏框架的滚动条，值为yes（显示滚动条）或no（隐藏滚动条）或auto（根据框架内容范围自动地显示或隐藏滚动条，默认） scrolling= 显示或隐藏框架的边界 frameborder= 用标准的URL指出作为框架内容的源 src=url 说明 属性 7.4浮动框架 !--程序7-4-- html head title设置浮动框架源文件属性/title /head body iframe src= name=iframe height=400 width=600 align=middle /iframe 添加一个浮动框架 /body /html 7.4浮动框架 7.5创建导航 使用框架导航，用户可以在一个框架中单击并在另一个框架中浏览显示的结果。 实现框架导航功能，要引入name、target属性。Name属性标识一个框架，target属性在锚点a中使用，指定这个链接要载人到哪个框架中。 7.5.1指定子窗口显示网页 src属性是用来指定要导入到某个子窗口的HTML文件的位置，语法如下： 基本语法： frame src=html文件的位置 语法说明： src属性的设置方法和前面介绍的img标记的src属性的用法是一样的，下面的frame标记，将设置子窗口显示名称为frame.html的网页。 frame src=frame.html。 7.5.1指定子窗口显示网页 !--程序7-5-1-- html head title指定子窗口显示网页/title /head frameset cols=30%,40%,* frame src=left.html frame src=center.html frame src=right.html /frameset /html 7.5.1指定子窗口显示网页 7.5.2定义子窗口名称 name属性用来指定窗口的名称，当完成子窗口的名称定义后，可指定超链接的链接目标显示到网页的某个子窗口。 基本语法： frame name=子窗口名称 7.5.2定义子窗口名称 !--程序7-5-2-- html head title指定子窗口的名称/title /head frameset cols=30%,40%,* frame src=left.html name=left frame src=center.html name=center frame src=right.html name=right /frameset /html 7.5.3创建网站链接导航 将浏览器画面分割成多个子窗口时，可赋予各子窗口不同的功能。最常见的应用方式，就是以一个子窗口作为网页的主画面，另一个窗口则用于控制该窗口的显示内容。要达到这个目的，我们可以运用a标记的target属性，来指定显示链接网页的子窗口。 基本语法： frameset cols=*, * frame src=left.html“name=“left frame src=“main.html name=“main /frameset 7.5.3创建网站链接导航 !--程序7-5-3-- html head title创建导航/title /head frameset rows=80,* frameborder=no border=0 framespacing=0 frame src=top.html name=topFrame scrolling=No noresize=noresize frameset cols=200,* frameborder=no border=0 framespacing=0 frame src=left.html name=leftFrame scrolling=No noresize=nores