如何制作框架网页?

在学习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 点击左边的文件,右边就会显示成果

如何制作框架网页?





以上内容就是如何制作框架网页?的内容啦,希望对你有所帮助哦!

    猜你喜欢