在学习web前端的时候,会学习到关于框架的内容,框架可以将同一个页面分成不同的几部分,每一部分加载不同的网页,我教大家实现一个页面分成两部分,点击左边部分的链接在右边部分显示东西/材料 sublime Text( 也可以利用其他的编纂东西,如记事本等)
操作方式 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=https://vvvtt.com/article/"./left.html" name="">
<frame src=https://vvvtt.com/article/"https://zhinan.sogou.com/" name="right">
</frameset>
04 在当前目次下新建一个网页文件,名字必需和上面的框架源代码中利用的名字想经由过程,这里是left.html,然后写上如下内容
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>left</title>
</head>
<body>
<ul>
<li><a href=https://vvvtt.com/article/"https://zhinan.sogou.com/" target="right">首页
<li><a href=https://vvvtt.com/article/"https://wenwen.sogou.com/?pid=zn.wenwen&ch=zn.daohang.wenwen&src=zhinan" target="right">问问
<li><a href=https://vvvtt.com/article/"http://pic.sogou.com/" target="right">图片
</ul>
</body>
</html>
05 利用浏览器打开frame.html文件,成果如下
06 点击左边的文件,右边就会显示成果
以上内容就是如何制作框架网页?的内容啦,希望对你有所帮助哦!
猜你喜欢
- cad如何画剖面线
- 如何取消微博会员自动续费
- 支付宝店主收款如何让店员自动收到收款到账通知
- 头条号被禁封如何申诉
- Excel如何从杂乱数据中提取电影名称
- 如何用最新版qq浏览器如何看免费小说
- Excel如何将财务人民币金额拆分到对应栏目中
- 如何删除使用快剪辑录屏的文件呢
- 微信跳一跳如何快速得高分?
- 绝地求生刺激战场怎么换性别,如何重建角色?
