html 框架frameset

Posted 暴走灬青春

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 框架frameset相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>main.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  <frameset rows="15%,*">
    <frame src="top.html">
    <frameset cols="20%,*">
        <frame src="left.html">
        <frame src="right.html" name="right">
    </frameset>
  </frameset>

</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>top.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>

  <body background="../../imags/3.jpg">
    <table border="0" cellspacing="0" align="center" bgcolor="red">
        <tr>
            <td> </td>
        </tr>
        <tr>
            <td><font size="10" color="blank" >黑马程序员教务系统</font></td>
        </tr>
    </table>

  </body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>left.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>

  <body background="../../imags/2.jpg">
        <table  align="center" height="88" cellpadding="33">
            <tr>
                <td><a href="../学生信息.html" target="right">学生信息</a></td>
            </tr>
            <tr>
                <td><a href="../学生成绩.html" target="right">学生成绩</a></td>
            </tr>
            <tr>
                <td><a href="../学生照片.html" target="right">学生照片</a></td>
            </tr>
            <tr>
                <td><a href="../xxoo.html" target="right">xxoo</a></td>
            </tr>
        </table>
  </body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>right.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>

  <body background="../../imags/6.jpg">
        <form action="" method="get" target="_blank">
            <center>
            <table title="欢迎登陆黑马学生教务管理系统!" cellpadding="5" bordercolor="red" >
                <tr>
                    <td >用户名</td>
                    <td><input type="text" name="用户名"></td>
                </tr>
                <tr>
                    <td align="center">密 码</td>
                    <td><input type="password" name="密码"></td>
                </tr>
                <tr>
                    <td align="center">性 别</td>
                    <td>
                        <input type="radio" name="sex" value="男" checked="checked"><input type="radio" name="sex" value="男"></td>
                </tr>
                <tr>
                    <td align="center">出 生</td>
                    <td>
                        <select>
                            <option value="1989">1989</option>
                            <option value="1990">1990</option>
                            <option value="1991">1991</option>
                            <option value="1992">1992</option>
                            <option value="1993">1993</option>
                            <option value="1994">1994</option>
                            <option value="1995">1995</option>
                            <option value="1996">1996</option>
                        </select><select>
                            <option value="01">01</option>
                            <option value="02">02</option>
                            <option value="03">03</option>
                            <option value="04">04</option>
                            <option value="05">05</option>
                            <option value="06">06</option>
                            <option value="07">07</option>
                            <option value="08">08</option>
                        </select><select>
                            <option value="01">01</option>
                            <option value="02">02</option>
                            <option value="03">03</option>
                            <option value="04">04</option>
                            <option value="05">05</option>
                            <option value="06">06</option>
                            <option value="07">07</option>
                            <option value="08">08</option>
                        </select></td>
                </tr>
                <tr>
                    <td align="center">爱 好</td>
                    <td>
                        <input type="checkbox" name="爱好" value="旅游">旅游
                        <input type="checkbox" name="爱好" value="音乐">音乐
                        <input type="checkbox" name="爱好" value="编程">音乐
                        <input type="checkbox" name="爱好" value="安卓">音乐
                    </td>
                </tr>
                <tr>
                    <td align="center">自我介绍</td>
                    <td>
                        <textarea rows="5" cols="30" name="自我介绍"></textarea>
                    </td>
                </tr>
                <tr>
                    <td align="center">文件</td>
                    <td>
                        <input type="file" name="文件">
                    </td>
                </tr>
                <tr>
                    <td align="center"></td>
                    <td>
                        <input type="image" src="../../imags/20.png" name="提交">
                        <input type="reset" name="重置" size="10">
                    </td>
                </tr>
            </table>
            </center>
        </form>
  </body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>xxoo.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>

  <body>
        <a name="top" >顶部</a>
        <font size="10" color="red">顾雨磊</font>
        </br>
        <br/>
        </br>
        <font size="5" color="red">顾雨磊</font>
        <hr/>
        <hr size="5" color="blue"/>
        </hr><!--不起作用 -->
        &lt;html&nbsp&nbsp:&gt;&nbsp&nbsp开始
        &amp;
        </br>
        <dl>
            <dt>1234567890</dt>
                <dd>guyulei</dd>
                <dd>zhouhongwei</dd>
        </dl>
        <ol type="disc">
            <li>guyulei</li>
            <li>zhouhongwei</li>
            <li>ainiba</li>
        </ol>

        <img src="E:\\Html\\htmlday01\\1.jpg" width="500" height="500" alt="两个姑娘"/><br/>
        <a href="超链接测试.html">超链接</a>
        <a href="#top">返回顶部</a>
        <br/>

        <table border="1" bordercolor="blue" cellspacing="0" width="200" height="200">
            <caption>表格的标题</caption>
            <tr align="center">
                <td>gu</td>
                <td>yu</td>
                <td>lei</td>
            </tr>
            <tr align="center">
                <td>zhou</td>
                <td>hong</td>
                <td>wei</td>
            </tr>
            <tr>
                <th>wo</th>
                <th>ai</th>
                <th>ni</th>
            </tr>
        </table>
        <br/>
        <table border="1" bordercolor="red" cellspacing="0" width="150" height="200">
        <caption>合并单元格</caption>
        <tr>
            <td colspan="5" align="center">1</td>

        </tr>
        <tr>
            <td>6</td>
            <td>7</td>
            <td>8</td>
            <td>9</td>
            <td>0</td>
        </tr>
        <tr>
            <td>q</td>
            <td>w</td>
            <td>e</td>
            <td>r</td>
            <td>t</td>
        </tr>
        <tr>
            <td>y</td>
            <td>u</td>
            <td>i</td>
            <td>o</td>
            <td>p</td>
        </tr>
        </table>
        <br/>
        <table border="1" bordercolor="blue" cellspacing="0" width="200" height="200">
            <caption>表格的标题</caption>
            <tr align="center">
                <td>gu</td>
                <td>yu</td>
                <td rowspan="3">lei</td>
            </tr>
            <tr align="center">
                <td>zhou</td>
                <td>hong</td>

            </tr>
            <tr>
                <th>wo</th>
                <th>ai</th>

            </tr>
        </table>
        <form> 
            用户名:<input type="text" name="用户名"/><br/>
            &nbsp&nbsp&nbsp&nbsp密码:<input type="password" name="密码"/><br/>
            &nbsp&nbsp&nbsp&nbsp性别:<input type="radio" name="性别" value="nan" checked="checked"/><input type="radio" name="性别" value="nv"/><br/>
            爱好:<input type="checkbox" name="爱好" value="旅游" checked="checked"/>旅游<input type="checkbox" name="爱好" value="编程"/>编程<input type="checkbox" name="爱好" value="红伟"/>红伟<br/>
            文件:<input type="file" name="文件"/><br/>
            生日:<select name="生日">
                        <option value="0">请选择</option>
                        <option value="1989">1989</option>
                        <option value="1990" selected="selected">1990</option>
                        <option value="1991">1991</option>
                        <option value="1992">1992</option>
                    </select><br/>
            自我介绍:<textarea cols="25" rows="5" name="自我介绍"></textarea><br/>
            隐藏项:<input type="hidden"/><br/>
            提交:<input type="submit" value="注册"/><br/>
            <input type="reset" value="重置注册"/><br/>
            <input type="button" value="顾雨磊"/>
        </form>
  </body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>学生照片.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>

  <body>
        <img alt="xxx" src="../imags/1.jpg" width="200px" height="180px" >
        <img alt="xxx" src="../imags/2.jpg" width="200px" height="180px" >
        <img alt="xxx" src="../imags/3.jpg" width="200px" height="180px" >
        <img alt="xxx" src="../imags/5.jpg" width="200px" height="180px" >
        <img alt="xxx" src="../imags/6.jpg" width="200px" height="180px" >
        <marquee>
        <!--   显示一张图片,宽度400px,高度300px,边框10px -->
        <img alt="xxx" src="../imags/4.jpg" width="200px" height="180px" >
        <img alt="xxx" src="../imags/5.jpg" width="200px" height="180px" >
        <img alt="xxx" src="../imags/6.jpg" width="200px" height="180px" >
        </marquee> 
        <marquee>
        <img alt="xxx" src="../imags/7.jpg" width="200px" height="180px" >
        <img alt="xxx" src="../imags/8.jpg" width="200px" height="180px" >
        <img alt="xxx" src="../imags/9.jpg" width="200px" height="180px" >
        </marquee>  
  </body>
</html>

以上是关于html 框架frameset的主要内容,如果未能解决你的问题,请参考以下文章

html5不支持frameset了,现在网站后台都用啥布局框架?

iframe与frameset有啥区别

frameset框架弹出层

html 框架frameset

html中的框架frameset和frame及iframe

iPad / iPhone 上的 FrameSet 和 HTML5 视频 - 视频超出框架?