- 框架标签
- <frameset cols="25%,75%">
- <frame src="frame_a.html">
- <frame src="frame_b.html">
- </frameset>
- 其中使用 cols水平排布框架,如上代码表示将窗体分成左右两部分,左边占比25%宽,载入 fram_a.html;右边占比75%宽,载入framl_b.html;(除了设定比例,亦可直接以定值的方式设定宽度);
- 使用rows垂直排布框架,此外框架之间可以相互嵌套;
- 使用<frameset>时,不可同时使用<body>标签;
- noresize属性,禁止用户拖动框边改变大小;
- framborder属性,设定边框的宽度,可参考表格的border属性;
- 利用框架标签设计导航框架
- 以w3school网站中HTML课程为例,点击左侧导航窗口,中间的内容框则弹出对应的内容;
- 首先分别编写内容网页例如:1.html;2.html;3.html....
- 然后编写导航页面:index.html;设定如下锚点:
- <a href=“1.html” target=“show”>1</a>
- <a href=“2.html” target=“show”>1</a>
- <a href=“3.html” target=“show”>1</a>
- 最后利用<frameset>进行框架布局,如下:
- <frameset cols="25%,75%">
- <frame src=“index.html">
- <frame src=“1.html” name=“show”><!—默认打开1.html—>
- </frameset>
- 参考上一条目,亦可制作通过导航跳转内容页指定节点,只需在各个节点处设定锚点,在导航页面index.html设定查找锚点,并加上target=“”属性;
0221HTML学习_框架
最新推荐文章于 2023-06-29 18:53:45 发布