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

如何制作框架网页?

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

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

分享给朋友:

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

天生鸡皮肤图片,毛周角化症怎么治

天生鸡皮肤图片,毛周角化症怎么治

操作方法01鸡皮肤是不会传染的,但是有50%的遗传率,也就是说有一半的几率会传染给下一代。很多朋友会提出这样的疑问,特别是刚刚患上的朋友。我们先来分析他的根源,这种病常发于双侧面颊部、上臂、大腿、背部等,有些暗红色素斑,鸡皮疙瘩,出现丘疹、...

凉拌小白菜的做法

凉拌小白菜的做法

凉拌小白菜吃起来很爽口,制作也特别简单,下面小编就来教大家这道菜。操作方法01先把小白菜洗干净,然后把水烧开,用开水迅速烫过,捞出晾凉。02大蒜和姜一起剁碎,姜的量用蒜的一半。然后一起放入晾凉的小白菜里。03加调料的时候不要攥太干,让姜蒜的...

吃完的龙眼核种成盆摘

吃完的龙眼核种成盆摘

龙眼是一种非常美味的水果。如果我们能自己种出美味的龙眼,那将会是一件很美好的事情。即使我们把它种着,它不结果,我们也可以把它当作盆栽来欣赏。下面我来教大家如何将吃完的龙眼核种成盆栽。操作方法01首先你需要去买一些龙眼,然后把它们吃掉。把核留...

蜂蜜金橘茶的做法

蜂蜜金橘茶的做法

蜂蜜金橘茶能够预防感冒,而且容易制作,制作时应该控制蜂蜜与金橘的用量。操作方法01先准备好金橘,蜂蜜,然后将金橘一个一个清洗干净。02剥去橘子的皮,然后把弄好的橘子用刀切碎。03把切碎的橘子倒入锅中,加入几勺蜂蜜,混合均匀。04用大火加热,...

怎么做简单的纸杯蛋糕

怎么做简单的纸杯蛋糕

我们经常会吃到的纸杯蛋糕,你们会做吗?简单的纸杯蛋糕也可以做得精致好看,下面我将会给大家介绍较为简单的一种纸杯蛋糕制作方法。操作方法01挑选颗粒细腻的低筋面粉和白砂糖,准备好食材后,那就开始吧~首先将鸡蛋的蛋黄和蛋清分开盛放。02用打蛋器搅...

影视后期制作的前景怎么样?

影视后期制作的前景怎么样?

影视后期制作这个职业其实是不可或缺的,总是需要这一批技术人才才能让广大群众看到有质量的视频内容。所以这个职业前景如何呢?操作方法01其实前景非常广阔,因为你学会了影视后期后期制作,不管社会怎么发展,影视作品目前还是人们不可或缺的,只是观看的...