前端阶段_html部分2后台frame的初始构架案例

1.<frameset cols="25%,75%">          把页面分为1:3,并且使用frame的同时应该删除body标签

2.<frame src="xx.html">                     frame的源来自xx.html

后台基础实现<简易>

<!--index.html-->
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>网站后台系统</title>
    </head>
    <frameset rows="20%,*">
        <frame src="top.html"/>
        <frameset cols="20%,*">
            <frame src="left.html"/>
            <frame name="right"/>
        </frameset>
    </frameset>
</html>
<!--left.html-->
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <a href="right.html" target="right">会员管理</a><br /><br />
        <a href="#">品牌管理</a><br /><br />
        <a href="#">商品管理</a><br /><br />
        <a href="#">分类管理</a><br /><br />
    </body>
</html>
<!--right.html-->
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        所有用户信息的表格
    </body>
</html>
<!--top.html-->
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <font size="7">欢迎XXX进入后台管理系统</font>
    </body>
</html>

 

posted @ 2018-07-27 09:55  SteveYu  阅读(469)  评论(0)  编辑  收藏  举报