使用 frameset

最新推荐文章于 2021-07-08 10:16:55 发布

魔灵儿

最新推荐文章于 2021-07-08 10:16:55 发布

阅读量293

点赞数

分类专栏： HTML 文章标签： html frameset

本文链接：https://blog.csdn.net/qq_41815326/article/details/81091281

版权

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

注意事项；

无body
整体用frameset切割，部分用frame标识

效果图如下；

主页面代码如下：

<frameset rows="20%,70%,*">
    <frame src="top.html"/>
    <frameset cols="20%,*">
        <frame src="left.html"/>
        <frame name="main"/>
    </frameset>
    <frame src="bottom.html"/>
</frameset>

相关代码如下：

<!--top.html-->
<body>
    <h1 style="text-align: center;"> 大家好</h1>
</body>

<!--left.html-->
<body>
    <ul>部门管理
	<li><a href="add.html" target="main">增加部门</a></li>
	<li><a href="xiugai.html" target="main">修改部门</a></li>
	<li><a href="shanchu.html" target="main">删除部门</a></li>
    </ul>
</body>

<!--add.html-->
<body>
    <p style="text-align: center;">增加部门</p>
</body>

<!--bottom.html-->
<body>
    <p style="text-align: center;">底部</p>
</body>