网页设计框架.pptVIP

框架 --- Frame 框架 框架将 Web 浏览器分成多个不同的区域，每个区域都可以显示独立、可滚动的页面 例如，可以在网页中使用三个框架，一个显示标题，一个用作导航菜单，一个显示数据。 框架的使用 在页面的某个固定部分显示徽标或静态信息。 用户只需单击鼠标就可以在网站中导航，而无需经常移回目录页。 多个视图 Frame 文档类型声明 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Frameset//EN /TR/xhtml1/DTD/xhtml1-frameset.dtd 框架使用示例： FRAMESET 元素 使用 FRAMESET 创建框架 其属性有： Rows Cols FRAME 元素 FRAME 元素的属性包括： Name Src Noresize Scrolling Frameborder Marginwidth Marginheight 嵌套的框架集 NOFRAMES 元素 框内嵌架 IFRAME属性 src name width height 示例： 总结： 框架将Web浏览器窗口分隔为多个不同的区域，每个区域都可以显示一个独立、可滚动的页面。 参考链接 /xhtml/tag_frame/ * * HTML HEAD TITLE两个大小相等的框架/TITLE /HEAD FRAMESET COLS=50%,* FRAME SRC=x.html FRAME SRC=y.html 图4.7：示例7的输出结果 /FRAMESET /HTML HTML HEAD TITLE嵌套框架/TITLE /HEAD FRAMESET cols=33%, 33%, 34% FRAME src = flowers.jpg FRAMESET rows=40%, 50% FRAME src = x.html FRAME src = y.html /FRAMESET FRAME src = flowers.jpg /FRAMESET /HTML HTML FRAMESET COLS=”40%,60%” FRAME SRC=”Flowers.jpg” NAME=”Flowers” SCROLLING=yes FRAMESET ROWS=”60,*” FRAME SRC=”x.html” NAME=”x” SCROLLING=no FRAMEBORDER=no FRAME SRC=”y.html” NAME=”y” NOFRAMES 未显示框架。请单击这里 A href=”main.htm”查看无框架版本/A /NOFRAMES /FRAMESET /FRAMESET /HTML HTML P很有趣吧。你已经对框架有所了解。 BRBR IFRAME src=x.html width=100 height=150 scrolling=auto frameborder=1 [浏览器不支持框架或者被配置为不显示框架。请在这里查看A href=x.html内容/A] 图4.13：示例14的输出结果（支援框架的浏览器） /IFRAME BR PFONT color = hotpink上面是一个内嵌框架。 /HTML *