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

如何制作框架网页?

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

在学习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首先把菜椒、茭白、胡萝卜切成粒。02锅中放油,倒入先倒入胡萝卜现炒一会会,然后在倒入茭白,菜椒粒,最后倒入米饭,翻炒均...

萝卜炖肉的家常做法

萝卜炖肉的家常做法

所谓“萝卜青菜,各有所爱”,有的人不喜欢吃萝卜或者厌恶萝卜的味道,但是至少对我自己来说,我挺喜欢萝卜的。萝卜炖肉,肉酥酥糯糯,萝卜水水嫩嫩,总之非常好吃了!操作方法01首先将五花肉在冷水中洗净,切成小块,放入沸水中焯六七分钟,捞出沥干,待用...

两头猪的真爱故事

两头猪的真爱故事

有一天,公猪突然听见主人在跟屠夫商量,要把长势见好的母猪杀了给卖掉,公猪伤心至极,于是从那天开始公猪性情大变。操作方法01晚上,公猪总是给母猪放哨,他生怕主人乘他们熟睡时,把母猪拉出去宰了。日子一天天的过去,母猪日渐肥胖,公猪则一天天瘦了下...

浪漫夜上海 盘点申城十大最美夜景

浪漫夜上海 盘点申城十大最美夜景

“夜上海,夜上海,你是一个不夜城……”虽然是老上海的歌曲,但《夜上海》的旋律在很多年轻人看来依旧耳熟能详,这么多年过去,上海的变化翻天覆地,而上海的夜依旧光彩妩媚,在五彩缤纷的灯光下闪动着上海的时尚,上海哪里的夜最美?一起寻找,看最美的上海...

好吃的老式蛋糕

好吃的老式蛋糕

这是第一次用烤箱制作蛋糕,心里难免的紧张起来操作方法01鸡蛋打入无油无水的盆里,加入蜂蜜和糖02隔热水用电动打蛋器打发呈粗泡状态03继续打发至蛋液不容易低落,颜色发白,体积胀大好几倍04筛入低粉上下翻拌均匀05倒入玉米油翻拌均匀,倒入擦过油...

粗盐瘦腿法不简单 详细步骤让你掌握正确方法

粗盐瘦腿法不简单 详细步骤让你掌握正确方法

粗盐有发汗的作用,它能够排出体内的废物和多余的水分,促进皮肤的新陈代谢,还可以软化污垢、补充盐分和矿物质,使肌肤细致、紧绷。因此粗盐既可以帮助减肥,还能让皮肤变得更加粉嫩紧致。操作方法01在超市或商店买一些粗盐。每次沐浴前,倒一杯粗盐加上少...