HTML5 - frameset框架集

来源:互联网 发布:马尔可夫矩阵怎么算 编辑:程序博客网 时间:2024/05/20 13:09
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>frameset框架集</title>
    </head>
    <frameset rows="30%,*">
        <frame src="test01.html" />
        <frame src="test02.html" />
    </frameset>

</html>


tml>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>frameset框架集</title>
    </head>
    <frameset rows="30%,*" frameborder="yes">
        <frame src="http://www.baidu.com"  noresize="noresize" name="topFrame"/>
        <frameset cols="50%,*">
            <frame src="http://www.qq.com" scrolling="no" name="leftFrame" />
            <frame src="http://www.163.com" name="rightFrame"/>
        </frameset>
    </frameset>
</html>


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Insert title here</title>
    </head>
    <frameset rows="30%,*">
        <frame src="top.html" />
        <frameset cols="30%,*"> 
            <frame src="left.html"/>
            <frame src="right.html" name="rightFrame"/>
        </frameset>
    </frameset>
</html>


内嵌框架iframe

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>内嵌框架iframe</title>
</head>
<body>
    <div id="container" style="width:500px; margin:0 auto;">
        <div id="header">
            <iframe src="top.html" frameborder="0" scrolling="no"></iframe>
        </div>
        <div id="center">
            <ul type="square">
            <li>CS</li>
            <li>激光</li>
            <li>斗地主</li>
            <li>魔兽争霸</li>
        </ul>
        <ul type="square">
            <li>CS</li>
            <li>激光</li>
            <li>斗地主</li>
            <li>魔兽争霸</li>
        </ul>
        <ul type="square">
            <li>CS</li>
            <li>激光</li>
            <li>斗地主</li>
            <li>魔兽争霸</li>
        </ul>


        <ul type="square">
            <li>CS</li>
            <li>激光</li>
            <li>斗地主</li>
            <li>魔兽争霸</li>
        </ul>
        <ul type="square">
            <li>CS</li>
            <li>激光</li>
            <li>斗地主</li>
            <li>魔兽争霸</li>
        </ul>
        </div>
        <div id="footer">
            <iframe src="test01.html" frameborder="0" scrolling="no"></iframe>
        </div>
    </div>
</body>
</html>

0 0
原创粉丝点击