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

如何制作框架网页?

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

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

分享给朋友:

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

怎样选购路由器

怎样选购路由器

现在很多淘宝卖家随着店铺的壮大,业务的发展,交易量日益增加,电脑的数量也越来越多,如何让这些电脑互连起来,并实现Internet的共享,最好的办法就是使用家用路由器。其不仅能高速存取数据及语音,运行多人线上游戏、视讯串流等高频宽带应用程序。...

清炒黑木耳的做法

清炒黑木耳的做法

黑木耳是一种营养丰富、滋味鲜美的副食品,有很好的医疗和药物作用。   黑木耳有滋润强壮,润肺补脑,轻身强志,和血养荣,补血活血,镇静止痛等功效,是天然的滋补剂。木耳能治疗痔疮出血、寒湿性腰腿疼痛等症。由于木耳有润肺和清涤胃肠作用,因而是纺织...

手机CPU你怎么选

手机CPU你怎么选

手机是个常见的东西,但是手机的挑选却有些学问。数码达人们一般会把手机性能作为评判手机优劣的标准。其中CPU作为手硬件至关重要的一部分,在手机挑选时很可能作为一个买或不买的依据下面就来谈谈手机CPU的事。主频01CPU在手机在充当大脑的作用,...

如何挑选贵宾犬

如何挑选贵宾犬

准备想养狗吗?想养一只贵宾犬?编辑给大家的建议是购买时选择家养,并且看到狗妈妈。一是安全又保障,二是可以预见宝宝以后的体型。另外还有本文以下总结的七个看点,让你轻松挑选健康贵宾犬。操作方法011.看鼻子:健康的应该是凉凉湿湿,但刚刚醒的时候...

小清新范甜美马尾辫扎发 步骤图解

小清新范甜美马尾辫扎发 步骤图解

效果图,是一款非常清新的马尾辫发型操作方法01首先,在左边取一小束头发,然后向内扭转,用卡子固定。如图02右边也像刚才一样操作。接着再在地上取一束头发,继续扭转03然后再把1和2,合在一起,再加入左边全部的头发,向内扭转04用卡子如图示范,...

香椿炒鸡蛋怎么做?

香椿炒鸡蛋怎么做?

香椿炒鸡蛋是我超级喜欢吃的一道小菜,鲜香美味,一次能吃下一大盘,现在正是香椿上市的季节,果断买回来炒鸡蛋吃,做法也是很简单哦。操作方法01买来新鲜的香椿择好后,用清水清洗干净后捞出控干水分。02锅内倒入清水烧开,倒进洗干净的香椿入锅淖水至香...