网页设计 第7章解读.pptVIP

第7章 框架 主要内容： 创建基本框架 框架格式化 框架的嵌套 内嵌套框架 创建导航 适应非支持框架的浏览器 7.1 创建基本框架 创建基本的框架也就是创建HTML框架集文档，所谓框架集文档就是浏览器把窗口分割成两个或更多的框架，在每个框架内显示相应的Web页。 基本语法： frameset frame frame /frameset 创建列框架 可以使用frameset标签的cols属性创建列框架。 基本语法： frameset cols=宽度1,宽度2,┄,* frame src=url frame src=url ┆ /frameset 创建行框架 创建行框架的方法与创建列框架的方法类似，仅用rows属性来获得浏览器显示行框架的设置。 基本语法： frameset rowss=高度1,高度2,┄,* frame src=url frame src=url ┆ /frameset 创建行、列混合框架 同时使用clos属性和rows属性构建混合框架。 基本格式： frameset cols=*,* rows=*,* frame src=a.html frame src=b.html frame src=c.html frame src=d.html /frameset 7.2 框架格式化 框架格式化主要涉及到框架边界的隐藏、调整框架的边距、显示或隐藏滚动条、设置框架边界颜色等。 显示或隐藏边框 默认情况下，所有框架都带边界，但是可以通过frame标签frameborder属性指定是否显示框架边界，也可以指定边界宽度。如果将这个属性值设置为0，则告诉浏览器不显示框架的边界。（frameborder属性默认值为1。） 例如： frameset cols=*,* frame src=a.html frameborder=0 frame src=b.html frameborder=0 /frameset 添加边界颜色 如果要改变边框边界颜色，可以通过bordercolor属性来实现。 如下面语句所示： frameset cols=*,* bordercolor=yellow frame src=a.html frame src=b.html /frameset 此外，设置边框边界颜色还可以将bordercolor属性添加到frame标签中实现。 设置框架边距 frame标签包含了marginwidth与marginheight属性，其中marginwidth属性用来设置框架的左右边界；marginheight属性用来设置框架的上下边界。 设置框架滚动条 如果网页的内容超过了浏览器显示界面范围，浏览器可以自动地在框架中添加滚动条。如果想永久地显示或者隐藏滚动条，可以通过frame标签的scrolling属性实现。 scrolling属性值： ? scrolling=“yes”显示滚动条。 ? scrolling=“no”隐藏滚动条。 ? scrolling=“auto”根据框架中的内容范围，自动地调整滚动条的显示与隐藏（每个框架的默认值）。 禁止调整框架尺寸 可以将frame标签的属性noresize设置为noresize来禁止用户调整框架尺寸。 例如： frameset cols=20%,* frame src=red.html noresize=norsize frame src=green.html noresize=norsize /frameset /html 7.3 框架的嵌套 如果想构建更复杂的框架布局，可以通过frameset标签嵌套另一个frameset标签来实现。这种嵌套方式通常称为框架的嵌套。框架的嵌套可以使网页的布局更具层次性，这种框架集合将浏览器按行或列划分为许多部分。 例如： frameset cols=25%,75% frame src=a.html frameset rows=50%,50% frame src=b.html frame src=c.html /frameset /frameset 7.4 内嵌套框架 所谓内嵌套框架就是在HTML文档中的一个区域内插入一个HTML文档，就像在HTML文档的一部分区域中显示图像一样。内嵌套框架通常又称为浮动框架，浮动框架不需要在单独的网页中创建框架集。 创建内嵌框架元素属性 建立内嵌套框架使用的iframe标签，是HTML4标准中定义的标准标签。最初的iframe标签是微软公司提出的，其目的是和网景公司的标准式框架相抗衡。 iframe标签属性： ? src