当前位置:Gxlcms > html代码 > Html学习(6)-框架

Html学习(6)-框架

时间:2021-07-01 10:21:17 帮助过:17人阅读

框架标签:

<frameset>
框架标签不可以放到
<body>
,一般为了代码的可读性,会放到
<head>
<body>

之间

当框架的大小不想被鼠标拖动而改变,可以在frame标签中加入noresize属性,这个属性没有属性值,称为标记属性,加上就为固定。在XHTL的规范中,所有的属性都要有属性值,那么标记属性的属性值就是自身,如:

noresize="noresize"

下面这段代码展示了一个简单的框架标签的使用,框架中包含了3个html页面。

[code]<!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>
[code]<!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>
[code]<!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>
[code]<!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学习(6) - 框架的内容,更多相关内容请关注PHP中文网(www.gxlcms.com)!

人气教程排行