0
点赞
收藏
分享

微信扫一扫

JavaWeb_HTML(20)_HTML框架集


本系列博客汇总在这里:JavaWeb_HTML 汇总


目录

  • ​​一、框架集标签(frameset)属性​​
  • ​​二、子标签 (frame)属性​​
  • ​​三、注意​​
  • ​​四、示例​​
  • ​​五、框架设计​​

一、框架集标签(frameset)属性

​rows​​:行分割

​cols​​:列分割

二、子标签 (frame)属性

​src​​:指定要嵌入的页面。

​noresize="noresize"​​:可以阻止 border 拖拽 。

​name​​:用于指定展示的内容所在的 frame。

三、注意

body 和框架集标签不同时使用。

四、示例

<html>

<head>
<title>www.weiyuxuan.com</title>
</head>

<frameset rows="20%,20%,*">

<frame src=""></frame><!--占20%-->
<frame src=""></frame><!--占20%-->
<frame src=""></frame><!--占剩下的-->

</frameset>

</html>

JavaWeb_HTML(20)_HTML框架集_HTML

JavaWeb_HTML(20)_HTML框架集_框架集_02

五、框架设计

JavaWeb_HTML(20)_HTML框架集_框架集_03

  • index
  • <html>

    <head>
    <title>www.weiyuuxan.com</title>
    </head>

    <frameset rows="20%,*">

    <frame src="top.html">

    </frame>


    <frameset cols="20%,*" >

    <frame src="left.html" noresize>

    </frame>

    <frame src="main.html" name="main">

    </frame>

    </frameset>

    </frameset>

    </html>
  • main
  • <html>

    <head>
    <title>www.weiyuuxan.com</title>
    </head>

    <body>
    <a href="1.jpg" target="_blank">
    图片一
    </a>
    <br/>
    <a href="1.jpg" target="main">
    图片二
    </a>
    </body>

    </html>
  • left
  • <html>

    <head>
    <title>www.weiyuuxan.com</title>
    </head>

    <body>
    主区域
    </body>

    </html>
  • top
  • <html>

    <head>
    <title>www.weiyuxuan.com</title>
    </head>

    <body>
    顶部区域
    </body>

    </html>
  • 结果图(打开index.html)
    JavaWeb_HTML(20)_HTML框架集_JavaWeb_04

如有错误,欢迎指正!



举报

相关推荐

0 条评论