0221HTML学习_框架

来源:互联网 发布:c语言实验交换字母 编辑:程序博客网 时间:2024/05/01 00:08
  • 框架标签
    • <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=“”属性;
1 0
原创粉丝点击