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"/>
            <!--指定 a标签中的target属性的名字-->
            <frame name="right"/>    
        </frameset>
    </frameset>
</html>

top.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <font size="7">欢迎xxxx进入后台管理系统</font>        
    </body>
</html>

left.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <font size="7">欢迎xxxx进入后台管理系统</font>        
    </body>
</html>

right.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        所有用户信息
    </body>
</html>

页面展示

html框架集