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

如何制作框架网页?

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

在学习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://news.xxbyc.cn/post/1913.html

分享给朋友:

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

挽回失去的爱情五部曲

挽回失去的爱情五部曲

爱情,有甜蜜有波折,有欢笑有悲伤,当爱已成往事的时候再想挽回爱情就晚了。有时候错过就真的错过了,时间是个神奇的东西,它会改变很多,甚至成为物是人非的景象,如果想要挽回失去的爱情,让对方回心转意,建议趁着还有最后那么一点情的时候去挽回,让你们...

小包制作全过程

小包制作全过程

如何制作小包包呢?下面就跟着小编一起来学习一下吧操作方法01制作步骤都在下面的图片上了,大家可以跟着图片学习就可以了,非常的简单的,而且非常的漂亮特别提示想要学习更多的手工布艺制作方法,欢迎访问布艺流行论坛:https://www.8liu...

巴哥犬好养吗?养八哥犬的注意事项

巴哥犬好养吗?养八哥犬的注意事项

巴哥犬是属于比较好养的一种犬了。身体结构不是很适合运动。天生就胖。并且爱吃。操作方法01首先从饮食来说。巴哥犬是天生就爱吃的。只要不是它身体出现了什么疾病,一般不会不吃东西。甚至吃撑。所以一定要控制其饮食,不然太胖了容易有心脏病。注意人类的...

梭子蟹的做法

梭子蟹的做法

姜葱炒梭子蟹的做法操作方法01梭子蟹清洗干净,去除尾部去蟹腮,用毛刷刷干净,由蟹肚中间剖开,再分切成6块;蟹钳用刀背略砸破;姜切丝,葱切段,蒜切片02取适量生粉放入盘中,将切块的蟹两面均匀沾上生粉(使蟹肉细嫩及锁住蟹肉),钳及壳不用沾粉;锅...

捐骨髓的流程是什么

捐骨髓的流程是什么

骨髓移植是指把骨髓中的造血干细胞从一个人体内移植到另一个人体内(一般是通过静脉输入)。确切地说,骨髓移植就是造血干细胞的移植操作方法01年龄在18-45周岁之间,身体健康无疾病,到当地红十字会或血站报名,领取填写申请表格02报名成功后,会安...

女生大姨妈期间该怎么做?

女生大姨妈期间该怎么做?

很多女生对大姨妈头疼不已,来么烦死,不来么又急死,可真愁人啊。每个月总有那么几天不方便,那这几天女生该怎么做呢?操作方法01少吃油腻、辛辣食物。很多女生可能会在大姨妈期间拉肚子或者头疼,这时候要记得忌口油腻辛辣食物哦,减少对肠胃的刺激。02...