当前位置:网站首页 > 网站建设教程 > HTML教程 > 正文

html学习笔记--框架集标签

教程管理员 发布于2023-09-30 22:15 HTML教程 133

简介: 模板 举个栗子: 主页面: 网站后台系统显示页面 ...

模板

<frameset rows="" cols="">
            <frame src=""/>
            <frame name=""/>
        </frameset>

举个栗子:
主页面:

<!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页面:

<!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>
    </body>
</html>

注意:
rows=”20%,* “ 框架分为上下两部分 一个上窗体占了20%大小 另一个下窗体占了80%大小
cols=”20%,* “ 框架分为左右两部分 一个左窗体占了20%大小 另一个右窗体占了80%大小
src=”top.html” 来源是top.html这个网页
frame中name=”right”表示分框架的名字
left中 < href=”right.html” target=”right”> 表示链接到right.html页面 放在名字为right的分框架中


琼ICP备09004296号-12