HTML:frame导航框架的实现方法
发布日期:2021-06-30 15:41:53
浏览次数:3
分类:技术文章
本文共 544 字,大约阅读时间需要 1 分钟。
在看w3school里面HTML课程的时候,看到框架,有一个导航框架的实例。实现了功能,但是没有给出源码。我查了一下frame的具体操作方法,写出了所有代码。
我写的导航框架包括五个文件
其中,每个文件的代码依次为。 框架_导航框架.html在这部分代码中,使用cols属性将页面分为两部分,一部分包括120像素,另一部分为剩余部分。同时指定两部分分别的HTML代码。第二个frame中name属性,相当于给该frame起了一个名字,方面后面对该部分进行操作。
框架_导航框架_目录链接.html
在框架_导航框架.html中,相当于用frameset将整个页面分成了两部分,此部分代码相当于对左边部分进行操作。增加三个超链接。target属性,用于指定对应的html文件在名称name为showfram的frame中打开。
框架_导航框架_显示a.html
Frame B
框架_导航框架_显示b.html
Frame B
框架_导航框架_显示c.html
Frame a
这三部分代码仅书写三个不同的结果界面。
最终实现效果图如下。初始界面以及点击Frame a界面:
点击Frame b界面: 点击Frame c界面:转载地址:https://kaisarh.blog.csdn.net/article/details/102613800 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
逛到本站,mark一下
[***.202.152.39]2024年04月14日 15时09分12秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
为什么币圈的基础设施越来越多
2019-05-01
区块链投资要注意这几点
2019-05-01
市场套利策略是什么
2019-05-01
跨市场套利怎么处理
2019-05-01
当博士进入币圈会怎么样
2019-05-01
以太坊技术分解
2019-05-01
以太坊技术怎么提供安全性
2019-05-01
如何验证以太坊技术安全性
2019-05-01
数字货币的投资正确之路
2019-05-01
委员会怎么验证比特币真伪
2019-05-01
迅雷陷入窘迫,但是无可替代
2019-05-01
PHP之 使用PHPMailer插件实现邮件发送功能
2019-05-01
Linux之 关于VM虚拟机网卡的设置
2019-05-01
《增长黑客》(肖恩·艾利斯)学习笔记——第一部分 方法
2019-05-01
《增长黑客》(肖恩·艾利斯)学习笔记——第二部分 实战
2019-05-01
Mysql学习笔记(10):事务、视图
2019-05-01
python使用HTMLTestRunner查看运行函数
2019-05-01
linux系统安装mysql数据库
2019-05-01