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

如何制作框架网页?

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

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

分享给朋友:

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

表白的创意可以打动人

表白的创意可以打动人

因此一个好的表白也让我们会有事半功倍的效果操作方法01对于我们来说,如果金钱不是很充足的话,比较适合于学生。可以找比较多的好朋友,然后用蜡烛摆一个小 心形。然后买一些现在一拧就可以放出来的彩带。你在蜡烛那等她,让你的朋友给她说,让她走人里面...

创意手工DIY加盟制作我们一起躲猫猫

创意手工DIY加盟制作我们一起躲猫猫

躲猫猫是小孩子非常喜欢的游戏,今天我们以这游戏为素材,运用到我们的涂鸦手工DIY的制作中,怎么样呢?一起来看看躲猫猫的涂鸦DIY制作吧。操作方法011、空白石头022、打底色033、画轮廓044、上色055、用黑色颜料点缀眼珠066、画眼白...

拐枣泡酒的做法

拐枣泡酒的做法

喝酒爱好者总是喜欢泡各种各样的酒来喝,今天就让我们一起学习如何制作拐枣酒吧!操作方法01首先把拐枣放入蒸笼里面蒸,蒸半小时,然后拿出来,放在太阳下面晒4、5天。02重复蒸和晒两个步骤,直到拐枣完完全全变得干巴巴的为止。03接着把拐枣放入泡酒...

苹果手机数据备份恢复方法

苹果手机数据备份恢复方法

很多人在用苹果手机的时候都会碰到一个问题,之前备份了的数据怎么恢复到手机里面。操作方法01因为大部分数据都是备份在你的iCloud云盘里的,所以只需要打开你的手机里的相关设置选项。02点击手机无线开关,并保持其处于打开状态。因为之前所备份的...

高等数学:参数方程如何求导?

高等数学:参数方程如何求导?

参数方程的求导应该会难倒不少学生吧?函数种类比较多,而且函数求导时候也会有一些公式很容易记混,下边一起学习一下隐函数是如何求导的吧?操作方法01首先要对各种函数有清晰地认识,保证公式不要用错。如下图所示,隐函数的求导是怎样的,什么形式的函数...

雅思考试的内容及考试类型

雅思考试的内容及考试类型

近年来随着经济的发展,越来越多的人选择出国留学或定居,那么雅思考试就成了许多人必须通过的一门考试,下面小编就来介绍一下雅思考试的内容。操作方法01雅思考试分为学术类和培训类两种,分别针对申请外出留学的学生或者计划在英语语言国家工作或移民的人...