如何制作框架网页？ - IIIFF互动问答平台

如何制作框架网页？

在学习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="./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
点击左边的文件，右边就会显示成果
End

发表于 2018-04-07 00:00
阅读 ( 976 )
分类：电脑网络

作家榜 »

xiaonan123 189 文章
汤依妹儿 97 文章
luogf229 46 文章
jy02406749 45 文章
小凡 34 文章
Daisy萌 32 文章
我的QQ3117863681 24 文章
华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具