HTML5 - frameset框架集

frameset框架集


<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>

<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>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Insert title heretitle>
    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



<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>内嵌框架iframetitle>
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>CSli>
            <li>激光li>
            <li>斗地主li>
            <li>魔兽争霸li>
        ul>
        <ul type="square">
            <li>CSli>
            <li>激光li>
            <li>斗地主li>
            <li>魔兽争霸li>
        ul>
        <ul type="square">
            <li>CSli>
            <li>激光li>
            <li>斗地主li>
            <li>魔兽争霸li>
        ul>

        <ul type="square">
            <li>CSli>
            <li>激光li>
            <li>斗地主li>
            <li>魔兽争霸li>
        ul>
        <ul type="square">
            <li>CSli>
            <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,APP】)