如何制作框架网页?优质
在学习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
点击左边的文件,右边就会显示结果
如何制作框架网页? 相关的文章
- 游戏数码
- 生活家居
- 健康养生
- 职场理财
- 爱好休闲
- 时尚美容
- 美食营养
- 教育学习
- 家庭情感
BouncyBear
还来不及增加介绍呢!
-
2178
文章
-
23
获赞
-
74
优质
点击排行
解决Word“无法访问您试图使用的功能……”
看一眼- 文件夹拒绝访问的原因与解决办法
- Excel打印与排版技巧图解
- CDR中如何更改字体的间距、行距以及文字方向
- excel中出现#REF!如何解决
- 如何将CAD“布局”页面底色由白色变为黑色
热点追踪
- 洗眉结痂么
- 石家庄西部免费旅游景点
- 公积金调整怎么调
- 练腹肌方法 每天10分钟
- 怎样避免小宝宝养成懒惰的坏习惯
- 安卓手机如何救砖 如何救砖 救砖教程 安卓救砖