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

如何制作框架网页?

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

在学习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

分享给朋友:

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

流行短发发型 喜欢就要get!

流行短发发型 喜欢就要get!

2017流行短发在此,喜欢短发的可不要过了,这些款短发可是时髦girl最爱,换上准能让你美出新高!下面就跟随美发达人一起来看看吧,喜欢就要get!操作方法01齐耳短发清爽又带有几分帅气的齐耳短发最受当下年轻妹子宠爱,可清新甜美可帅气可御姐,...

西蓝花炒百合怎么做的

西蓝花炒百合怎么做的

制作时间:12分钟专家点评:防癌抗癌适合人群:女性步骤/方法01百合洗净,胡萝卜去皮切片,西蓝花去跟托,洗净切朵。02净锅上火,放入约600克清水,调入少许白糖,大火烧沸,放入备好的原材料,焯后捞起沥干水分。03锅中油烧热,爆香蒜蓉,倒入焯...

DNF小小净化号特殊怎么开

DNF小小净化号特殊怎么开

在9月21日,DNF出击小小净化号活动上线了,通过刷图获得神秘的碎片,即可为小小净化号购买各种装备,提升战斗力,然后出战各个区域,再用带回来的净化工程师硬币来兑换各种奖励。另外,当小小净化号的战斗力提升到一定数值的时候,还可以领取周商店的凭...

教如何才能正确成功备孕?

教如何才能正确成功备孕?

每个爸爸妈妈都想顺利生一个健康、聪明的宝宝,为了创造一个健康的新生命,准妈妈从现在开始,别忘了先拟订一份详细的孕前计划,掌握成功备孕的五个步骤,为健康宝宝的到来做好充分的准备。操作方法01准备怀孕的妇女首先要实现标准体重。如果你的体重超常,...

内存卡和U盘有什么不同

内存卡和U盘有什么不同

内存卡和U盘都具有存储功能,但是他们之间也存在着一些不同,下面小编为你详细讲解一下两者的区别。操作方法01首先,从外形上来看,内存卡体积比较小,只有一个小芯片,而U盘则体积稍大,一般都有外壳;02从使用便捷度上来看,U盘可以随时插上使用,而...

第一次乘坐国际航班,出境流程有哪些?

第一次乘坐国际航班,出境流程有哪些?

对于第一次乘坐国际航班的人来说,出境流程很复杂,这就来说一说出境的5个流程。操作方法01飞机出发前的1小时到达。到航空公司柜台办理业务,提交许可证、检疫等。注册后,交出你的机票,护照,签证,黄皮书,在柜台其他旅行证件,并填写输出卡。02托运...