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

如何制作框架网页?

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

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

分享给朋友:

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

夏日短发烫发发型

夏日短发烫发发型

短发烫发发型,燃点夏日的激情。夏季发型不一定要扎起来的,做个烫发也是一个不错的选择。今天为大家带来几款好看的短发烫发发型,希望你能够找到喜欢的那一款。操作方法01第一款最新的短发烫发发型是一个时尚的bob头,发尾部分轻微的内扣,加上那轻薄的...

CEO、COO、CFO、CTO、CIO是什么意思

CEO、COO、CFO、CTO、CIO是什么意思

CEO、COO、CFO、CTO、CIO是什么意思?下面我们就来说一下具体什么意思吧。操作方法01CEO(Chief executive officer)是首席执行官的意思,介于总裁和董事长之间,是一家企业的最高执行官。02COO(Chief...

华为手机无法连接电脑

华为手机无法连接电脑

小编今天为大家解决一下华为手机无法连接电脑的问题。操作方法01首先我们打开手机,找到手机上的设置,点进去。02在手机的设置选项页面中,将手指往下拉找到开发者选项。03在开发者选项的页面中,将页面往下拉,找到USB调试开关,打开它。04最后我...

参加春季高考有什么好处?

参加春季高考有什么好处?

参加春季高考和夏季考试一样,都是通过考试进去到大学的必经阶段,但是春季高考和夏季考试又不一样,如果参加春季考试,那参加春季高考有什么好处呢?操作方法01可以提前录取参加春季高考一般人不会太多,相对于夏季高考来说,那就太少了,所以,一旦你考得...

宫廷八珍推介几则清热解毒食疗方

宫廷八珍推介几则清热解毒食疗方

操作方法01021、蒲公英粥:蒲公英30克(鲜者加倍),大米100克,白糖适量。将蒲公英择净,放入锅中,加清水适量,浸泡5~10分钟后,水煎取汁,加大米煮粥,或将鲜蒲公英择洗干净,切细,待粥熟时调入粥中,纳入白糖,再煮一、二沸即成,每日1剂...

老醋花生米做法图解

老醋花生米做法图解

​一瓶老酒,一碟花生米,一个悠然自得的表情。这样的场景,不管是电影电视还是日常生活里都常常会看到。老醋花生米的做法01花生米用水冲洗干净,用厨纸把表面水份擦干。02锅里放油,冷油时就倒入花生米快速翻炒,以保证花生米能够均匀受热。03待花生米...