当前位置:首页 > 分享 > 正文内容

如何制作框架网页?

访客3年前 (2022-09-13)分享1234

在学习web前端的时候,会学习到关于框架的内容,框架可以将同一个页面分成不同的几部分,每一部分加载不同的网页,我教大家实现一个页面分成两部分,点击左边部分的链接在右边部分显示

操作方法

  • 01

    新建一个网页文件frame.html,后缀名是html,用sublime Text打开

  • 02

    然后写上网页的基本结构,内容如下<!DOCTYPE html><html><head><meta charset="utf-8"><title>1</title></head><body>您的浏览器不支持框架</body></html>

  • 03

    框架标签必须卸载head标签中,在head标签中添加如下内容<frameset cols="20%,80%" border="1"><frame src="./left.html" name=""></frame><frame src="https://zhinan.sogou.com/" name="right"></frame></frameset>

  • 04

    在当前目录下新建一个网页文件,名字必须和上面的框架源代码中使用的名字想通过,这里是left.html,然后写上如下内容<!DOCTYPE html><html><head><meta charset="utf-8"><title>left</title></head><body><ul><li><a href="https://zhinan.sogou.com/" target="right">首页</a></li><li><a href="https://wenwen.sogou.com/?pid=zn.wenwen&ch=zn.daohang.wenwen&src=zhinan" target="right">问问</a></li><li><a href="http://pic.sogou.com/" target="right">图片</a></li></ul></body></html>

  • 05

    使用浏览器打开frame.html文件,结果如下

  • 06

    点击左边的文件,右边就会显示结果

扫描二维码推送至手机访问。

版权声明:本文由冒牌码农发布,如需转载请注明出处。

本文链接:http://www.xxbyc.cn:1223/post/1913.html

分享给朋友:

“如何制作框架网页?” 的相关文章

海参怎么吃才是最有营养

海参怎么吃才是最有营养

海参在食用方法上,可谓是五花八门。不过,海参最重要的是吃出它的营养来,也可以根据自身体质选择不同吃法。海参的吃法:01煮着吃:把水发过的海参放入开水煮,煮开了以后盛入盘中,加入加入盐、糖、醋、味精拌匀即可食用。这种方法可以很大限度保留其营养...

【最新】书房装修效果图大全欣赏

【最新】书房装修效果图大全欣赏

操作方法01书房是读书写字或工作的地方,需要宁静、沉稳的感觉,人在其中才不会心浮气躁。在现代家居中,拥有一个“书味”十足的书房、一个可以静心潜读的空间,自然是一种更高层次的享受。下面小编跟大家分享一些【最新】书房装修效果图大全,可供大家进行...

松下Mknas系列AC伺服驱动器说明书:[9]

松下Mknas系列AC伺服驱动器说明书:[9]

操作方法01本篇为《松下Mknas系列AC伺服驱动器说明书》,主要介绍该产品的使用方法以及常见故障解决方案。...

怎样预防感冒

怎样预防感冒

感冒,是一种自愈性疾病,总体上分为普通感冒cold和流行感冒influenza,epidemic influenza,grippe。普通感冒,中医称"伤风",是由多种病毒引起的一种呼吸道常见病,其中30%-50%是由某种血清型的鼻病毒引起。...

联想看家宝mini功能

联想看家宝mini功能

新一代联想智能摄像机联想看家宝mini即将上市,这是继联想看家宝家用摄像机后推出的第二代智能家居产品,相较于上一代产品,新产品体积更小、功能更丰富。并在11月21日在京东发起了众筹活动,截止目前,已筹集的20余万元的资金,这款小巧的摄像机到...

珠绣十字绣如何穿珠子

珠绣十字绣如何穿珠子

珠绣是在特定的十字布上根据自己想要的图案,把多种颜色的珠粒,用一定的方法绣上去的一种刺绣工艺,现在,小编就为大家讲如何穿珠子绣珠绣?操作方法01首先,拿出针、线,将线的一头穿进去,拉出来,对齐并打一个结。02然后,拿出十字绣布,把针从后面穿...