首页 > 软件开发 > HTML >

HTML中frameset框架标签怎么使用

来源:互联网 2023-03-16 19:15:38 477

frameset是框架结构标签,能实现在同一窗口查看多个页面。下面是frameset框架标签的使用详解。0JN办公区 - 实用经验教程分享!

方法/步骤

  • 1

    创建一个HTML页面,命名为index.html,用于frameset框架布局的测试。同时,再创建三个子页面a.html,b.html,c.html,用于在框架内加载使用,三个页面给予不同的颜色,易于区分。

    0JN办公区 - 实用经验教程分享!

    0JN办公区 - 实用经验教程分享!

    HTML中frameset框架标签怎么使用0JN办公区 - 实用经验教程分享!

    HTML中frameset框架标签怎么使用0JN办公区 - 实用经验教程分享!

  • 2

    使用frameset标签的cols属性创建垂直框架, 在cols属性中固定frame占用窗口的大小,通过百分比实现。如第一个frame占用30%,第二个frame占用30%,第三个frame占用40%。

    0JN办公区 - 实用经验教程分享!

    0JN办公区 - 实用经验教程分享!

    HTML中frameset框架标签怎么使用0JN办公区 - 实用经验教程分享!

    HTML中frameset框架标签怎么使用0JN办公区 - 实用经验教程分享!

  • 3

    使用frameset标签的rows属性创建水平框架, 在rows属性中固定frame占用窗口的大小,通过百分比实现。如第一个frame占用30%,第二个frame占用30%,第三个frame占用40%。0JN办公区 - 实用经验教程分享!

    HTML中frameset框架标签怎么使用0JN办公区 - 实用经验教程分享!

    HTML中frameset框架标签怎么使用0JN办公区 - 实用经验教程分享!

  • 3该信息未经授权抓取自百度经验
  • 4

    frameset标签的rows和cols属性还支持“*”设置占用窗口大小,“*”的意思100%减去其他页面占用的百分比剩余的百分比。如下面代码"*"代表的是80%。

    0JN办公区 - 实用经验教程分享!

    0JN办公区 - 实用经验教程分享!

    HTML中frameset框架标签怎么使用0JN办公区 - 实用经验教程分享!

    HTML中frameset框架标签怎么使用0JN办公区 - 实用经验教程分享!

  • 5

    frameset标签内还支持另一标签noframes,主要用于在浏览器不支持框架时进行提示。0JN办公区 - 实用经验教程分享!

    HTML中frameset框架标签怎么使用0JN办公区 - 实用经验教程分享!

  • 6

    frameset框架还支持多个框架的嵌套,以实现更多的效果。0JN办公区 - 实用经验教程分享!

    HTML中frameset框架标签怎么使用0JN办公区 - 实用经验教程分享!

    HTML中frameset框架标签怎么使用0JN办公区 - 实用经验教程分享!

  • 7

    如果frameset不能实现你想要的效果,还可以通过iframe内联框架标签来实现想要的效果。iframe是在body内加载的框架。

    0JN办公区 - 实用经验教程分享!

    0JN办公区 - 实用经验教程分享!

    HTML中frameset框架标签怎么使用0JN办公区 - 实用经验教程分享!

    HTML中frameset框架标签怎么使用0JN办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!0JN办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码