IT兄弟连 HTML5教程 HTML5文字版面和编辑标签框架结构

2019-10-09 07:17

  使用HTML框架结构可以把一个浏览器窗口划分为若干个小窗口,每个窗口可以显示不同的URL网页,每个框架里的网页相互独立。这样不仅可以非常方便地在浏览器中同时浏览不同的页面效果,而且可以非常方便地完成导航工作。如果所有的框架标记要放在一个HTML文档中,这个HTML页面的文档体标签body被框架集标签frameset取代,然后通过frameset的子窗口标签frame定义每一个子窗口和子窗口的页面属性,子窗口的排列遵循从左到右、从上到下的次序规则。

  使用frameset标签决定如何划分框架,该标签中有cols属性和rows属性。使用cols属性表示按列分布框架,使用rows属性表示按行分布框架。必须使用frame标签设定每个小窗口中的网页,该标签里有src属性为每个URL值指定一个HTML文件(这个文件必须事先做好)地址,地址路径可以使用绝对路径或相对路径,这个文件将载入相应的窗口中。如果希望在同一个浏览器窗口中,将其既按照行来分布框架,又按照列来分布框架,观音心水论坛香港马会有损害社会公共利益的情可以将frameset标签嵌套使用形成嵌套框架。frameset标签常用的属性如表6所示。

  如果要在窗口中做链接,就必须对每一个子窗口命名,以便被用于窗口间的链接。在窗口的链接中使用target属性,就可以将被链接的内容放置到想要放置的窗口内。在下面的例子中,通过框架技术并使用窗口的名称和链接实现后台首页模型,如图6所示:

  在图6提供的网站后台管理平台界面模型中,当单击大类管理选项时改变左边菜单中的页面,当单击左边的菜单链接时改变右边主体页面的内容。在文件index.html中划分框架的代码如下所示:

  在上面的示例代码中,先将窗体分为上下两行,并将顶部窗体命名为top,香港6合开奖结果直播牛人在民间)共事你把问题想复杂了!设置80像素高度。然后将下部的窗体分为左右两个窗体,分别设置为200像素和使用“*”表示剩余部分,并分别命名为menu和main。网页文件index.html的文档体标签body被框架集标签frameset取代,所以不能在这个框架文件中再有body的内容。然后通过frameset的子窗口标签frame定义每一个子窗口,并通过子窗口的属性src分别加载top.html、menu.html和main.html 3个页面文件。这3个页面文件的源代码如下所示:

  在top.html文件的每个链接中,通过target属性设置左边菜单窗体名称menu,当单击大类管理选项时,链接文件就会在左边窗体中显示。同样,在menu.html文件的每个链接中,通过target属性设置右边窗体的名称main,当操作每个菜单选项时,对应的链接文件就会在名为main的窗体中加载。当然,在本例中还需要为每个大类管理选项定义一个独立的菜单页面,也需要为每个菜单项定义唯一的内容页面。

新闻排行

随机阅读

 
香港马经图库| 最快开奖报码室下载| 香港六盒综资料图库| 济民一肖中特网| 六合联盟高手心水论坛| 铁算盘三肖六码己公开| 香港今晚现场开码结果| 香港挂牌白小姐正版图| 万众118图库彩图总站印刷| 彩霸王中特网开奖结果|