ShunXiangL的博客

兴趣是最好的老师

Html(6) - 框架

框架标签:<frameset>

  • 框架标签不可以放到<body>,一般为了代码的可读性,会放到<head><body>之间
  • 当框架的大小不想被鼠标拖动而改变,可以在frame标签中加入noresize属性,这个属性没有属性值,称为标记属性,加上就为固定。在XHTL的规范中,所有的属性都要有属性值,那么标记属性的属性值就是自身,如: noresize="noresize"
  • 下面这段代码展示了一个简单的框架标签的使用,框架中包含了3个html页面。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>image</title>
        <meta name="author" content="sync" />
    </head>

    <!--
        定义框架。使用标签frameset
    --> 

    <frameset rows=:"30%,*">
        <frame src="top.html" name="name"/>

        <frameset cols="30%,*">
            <frame src="left.html" name="left"/>
            <frame src="right.html" name="right"/>
        </frameset>


    </frameset>

    <body>



    </body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>top</title>
        <meta name="author" content="sync" />

    </head>
    <body>

        <h1>这是我的网站LOGO</h1>

    </body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>left</title>
        <meta name="author" content="sync" />

    </head>
    <body>

        <h3>左边栏链接</h3>
        <a href="../image.html" target="right">链接一</a>
        <a href="../table.html" target="right">链接二</a>
        <a href="../list.html" target="right">链接三</a>

    </body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html >
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>top</title>
        <meta name="author" content="sync" />

    </head>
    <body>

        <h1>这是我的网站LOGO</h1>

    </body>
</html>
阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/ShunXiangL/article/details/51541693
个人分类: html
上一篇Html(5) - 超链接
下一篇Html(7) - 画中画
想对作者说点什么? 我来说一句

ace html 样式

2017年09月26日 1.27MB 下载

使用框架 html 使用框架 html

2011年06月30日 1.13MB 下载

html 后台框架代码

2009年04月22日 134KB 下载

html框架demo

2018年06月13日 1.7MB 下载

css+html绘制6边型及蜂巢效果

2017年01月20日 628KB 下载

HTML 使用框架集和框架.doc

2011年07月17日 192KB 下载

没有更多推荐了,返回首页

关闭
关闭