HTML5 - frameset框架集

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>

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。