首页 > Web开发 > 详细

HTML5 - frameset框架集

时间:2015-04-27 13:19:27      阅读:241      评论:0      收藏:0      [点我收藏+]

frameset框架集

<!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>
<!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%,*" 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>

HTML5 - frameset框架集

原文:http://blog.csdn.net/wangzi11322/article/details/45307921

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!