HTML5框架学习

作者: xlogcc | 来源:发表于2016-04-19 10:20 被阅读75次

    框架有水平,垂直两个方式的.

    垂直框架如图:

    代码:

    <html>

    <frameset cols="20%,30%,50%">

    <frame src="a.html">

    <frame src="b.html">

    <frame src="c.html">

    </frameset>

    </html>

    水平框架如图:

    代码:

    <html>

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

    <frame src="a.html">

    <frame src="b.html">

    </frameset>

    </html>

    混合框架如图:

    代码:

    <html>

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

    <frame src="a.html">

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

    <frame src="b.html">

    <frame src="c.html">

    </frameset>

    <noframes>

    <body>如果浏览器不支持框架显示,那么就会显示这里的警告语.</body>

    </noframes>

    </frameset>

    </html>

    注意问题:如果浏览器不支持框架显示的话,会遇到麻烦,这个时候就要有所说明.这就有了<noframes></noframes>标签.

    导航框架:

    代码:

    <html>

    <frameset cols=20%,*>

    <frame src="a.html">

    <frame src ="b.html" name="showframe">

    </frameset>

    </html>

    记得在左边栏的网页里的超级连接加上<a href="a.html" target="showframe">这样的标签.

    含有<noresize="noresize"标签结构的框架:

    代码:

    <html>

    <frameset cols="20%,*,30%">

    <frame src="a.html" noresize="noresize">

    <frame src="b.html">

    <frame src="c.html">

    </frameset>

    </html>

    <noresize="noresize">标签的作用就是固定位置,不让框架的尺寸调整.


    学习地址:http://www.w3school.com.cn/tags/tag_frameset.asp

    相关文章

      网友评论

      本文标题:HTML5框架学习

      本文链接:https://www.haomeiwen.com/subject/cgnalttx.html