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

如何制作框架网页?

访客2年前 (2022-09-13)分享241

在学习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蒜洗净切好;香菇切片,油菜清洗干净备用02起锅,锅热倒油03倒入蒜,爆香04倒入切好的香菇,在加入酱油,料酒一起翻炒。05香菇炒微黄,加入青菜06翻炒至青菜变软,然后加入盐...

联想 S868T刷机的详细教程【ROM领地】

联想 S868T刷机的详细教程【ROM领地】

联想S868T的手机刷机有卡刷和线刷,卡刷是通过手机的recovery来完成的,操作起来比较麻烦,步骤也多。线刷刷机是通过软件来完成一键刷机,快捷方便第一步:联想 S868T刷机准备01首先大家去ROM领地下载联想 S868T ROM刷机包...

避雷针的制作与安装

避雷针的制作与安装

避雷针的制作与安装,避雷针制作,避雷针安装。避雷针的制作与安装01避雷针制作、安装所有金属部件必须镀锌,操作时注意保护镀锌层。采用镀锌钢管管制作针尖,管壁厚度不得小于3mm,针尖刷锡长度不得小于70mm避雷针应垂直安装牢固。垂直度允许偏差为...

怎样在家做红枣米润豆浆

怎样在家做红枣米润豆浆

这款红枣米润豆浆非常适合女性在冬季饮用,黄豆补钙,红枣养血、糯米暖胃,口感温润细滑,枣香浓郁可口。每天清晨喝一杯,可以让你整天脸色都红润,温暖脾胃手脚不再冷。我们还可以按照家人不同的需求,调配不同的食材,做成各种花色豆浆,让豆浆营养更丰富,...

宝宝拉肚子怎么办 (绿便、 蛋花样便便)

宝宝拉肚子怎么办 (绿便、 蛋花样便便)

宝宝的肠胃发育还不完全, 在某些方面的变化应得到父母的重视 !今天小编就告诉你怎么解决这些问题。操作方法01如果是浅绿色是没问题的,但是如果是深绿色的可能为消化不良可以给孩子服用点助消化的药物 同时注意饮食;02如果是蛋花便便 可能是着凉...

ps如何抠图不要背景

ps如何抠图不要背景

没有学过设计的人,有时候也需要PS来操作简单的图片,做个简单的排版,这里教大家怎么去除纯色背景图,操作方法01先打开PS软件,再单击左上角的文件,选择打开,在图片的储存位置,选择你需要的图片,再确认打开,图片就会显示在软件页面了。02在打开...