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

如何制作框架网页?

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

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

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

决战平安京怎么绑定阴阳师

决战平安京怎么绑定阴阳师

决战平安京怎么绑定阴阳师的账号,一起看看。操作方法01登陆拥有阴阳师角色的账号:大家在登录决战平安京的时候,会需要登录通行证的账号,现在旗下的很多游戏是可以共用通行证的,所以尽量去选择本身玩过阴阳师,有角色的账号去登录决战平安京。02找到活...

汽车减震器漏油的原因分析和处理方法

汽车减震器漏油的原因分析和处理方法

如果汽车减震器漏油了,该怎么做,接下来为大家介绍一下汽车减震器漏油的原因和处理方法。操作方法01减震器漏油可能是因为泥沙进入油封处、油封材料老化、底筒筒身有砂孔和贮油缸底部漏油。02发现减震器漏油后,首先要拧紧油缸盖螺母,然后观察减震器是否...

如何做得一手色香味俱全的美食?

如何做得一手色香味俱全的美食?

能够做出可口的美食,是很令人羡慕的,聪明的人能将菜做得色、香、味俱全;但在现实生活中,很多人的做菜手艺不佳,菜做得黄、烂、咸.......看着都没有口味。如何做得一手色香味俱全的美食呢?操作方法01学会选择食材的搭配:想要让菜做得好吃,必须...

【教你快速盘发方法】 快速编个美美的发髻~

【教你快速盘发方法】 快速编个美美的发髻~

夏天来了,爱打扮爱清爽的妹纸往这看,一款超简单的盘发教程送给你。操作方法01详细的制作过程图如下,大家可以按照步骤一步步进行哦特别提示想要学习更多的手工布艺制作方法,欢迎访问布艺流行论坛:https://www.8liuxing.com/p...

月经不调怎么调理,月经不调怎么办

月经不调怎么调理,月经不调怎么办

操作方法01月经失调是妇科常见的症状之一,凡月经量及间隔与正常月经周期不同者均于此范畴。常见类型有月经过多,月经过少、月经过频、月经稀发等。月经失调的原因主要由于内分泌功能障碍,但亦可由于全身疾病或生殖器官局部疾病所致。其病主要因七情所伤或...

裤子的折叠方法

裤子的折叠方法

裤子怎么折叠比较好看又比较省空间呢?今天就来教教大家。操作方法01不管是短裤还是长裤,折叠的第一步就是先将裤子铺平。02接下来把裤脚折叠到裤子的腰部,就如图片上一样,两个裤脚都往上折,对齐03再以裆部为界,然后左右对折04这个时候裤子显得还...