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

如何制作框架网页?

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

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

分享给朋友:

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

简单的抱枕的做法

简单的抱枕的做法

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

小包制作全过程

小包制作全过程

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

如何定做一款合适的衣柜?

如何定做一款合适的衣柜?

如今衣柜款式花样实在是太多了,很多人挑着挑着就眼花缭乱了,有些人可能就会选择定做衣柜,那么怎么在众多衣柜里定做一款合适自己的衣柜呢?操作方法01衣柜的色彩要与卧室搭配得衣柜的色彩搭配要考虑到卧室的使用特点,卧室是个休息的地方,所以衣柜的颜色...

Win10 C盘系统盘突然满的解决方法

Win10 C盘系统盘突然满的解决方法

Win10系统C盘突然满了该怎么解决该问题呢?请看下面的操作步骤。操作方法01首先,打开Win10系统中的计算机图标,进入计算机页面,点击选中C盘。02接下来,对C盘击右键,在右键菜单中,选择“属性”菜单选项。03接下来,在弹出的页面中,点...

如何注册一个微信公众号

如何注册一个微信公众号

微信公众号,是一个给个人、企业和组织提供业务服务与用户管理能力的全新服务平台。那个人如何去注册一个微信公众号呢?具体的操作步骤是怎么样的呢?下面我们就来了解一下吧。操作方法01在浏览器中搜索“微信公众号”点击第一个搜索结果(如下图所示),进...

家里涮羊肉的方法

家里涮羊肉的方法

简要描述涮羊肉的原料,方法。足不出户,就可以吃涮羊肉操作方法01将羊肉洗净切片,白菜洗净切块,香菜洗净切段,金针菇洗净分开成条,豆腐切块,放在一旁备用。02将葱、姜、蒜切成碎末,酱油,辣椒适量,和在一起,并加少许芝麻油。调成蘸酱。这个调酱看...