网页框架frame

最新推荐文章于 2022-05-12 16:41:19 发布

浪客川

最新推荐文章于 2022-05-12 16:41:19 发布

阅读量1.1k

点赞数 5

CC 4.0 BY-SA版权

分类专栏：前端基础技术文章标签： html

川哥出品，必属精品。域名： chcsvip.blog.csdn.net

本文链接：https://blog.csdn.net/ShiShiLunHui/article/details/118514075

前端基础技术专栏收录该内容

1 篇文章

订阅专栏

这篇博客介绍了如何使用HTML的frameset元素来创建一个两列布局的网页，包括一个固定的侧边栏和一个主要内容区域。侧边栏包含链接，点击后可以在主要内容区域动态加载不同的页面（主页1、主页2、主页3）。这种布局常见于早期的网页设计中，用于实现页面区域的独立更新和交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

网页框架 frameset

效果展示
代码截图
核心代码
案例代码

第一章效果展示

在这里插入图片描述

第二章代码截图

在这里插入图片描述

第三章核心代码

在这里插入图片描述

第四章案例代码

01、首页代码

<!DOCTYPE html>
<html> 
        <frameset cols="15%,*">
            <frame src="侧边栏.html" name="left"></frame>
            <frame src="主页1.html" name="right"></frame>
        </frameset>
</html>

02、侧边栏代码

<!DOCTYPE html>
<html>
<head></head>
<body>
    <div><a href="主页1.html" target="right"> 主页标签1</a></div>
    <div><a href="主页2.html" target="right"> 主页标签2</a></div>
    <div><a href="主页3.html" target="right"> 主页标签3</a></div>
</body>
</html>

03、主页代码

主页1

<!DOCTYPE html>
<html>
    <head></head>
    <body>
        主页1111
    </body>
</html>

主页2

<!DOCTYPE html>
<html>
    <head></head>
    <body>
        主页2222
    </body>
</html>

主页3

<!DOCTYPE html>
<html>
    <head></head>
    <body>
        主页3333
    </body>
</html>

网页框架frame

网页框架 frameset

第一章 效果展示

第二章 代码截图

第三章 核心代码

第四章 案例代码

01、首页代码

02、侧边栏代码

03、主页代码

第一章效果展示

第二章代码截图

第三章核心代码

第四章案例代码