一、内嵌标签
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!--在当前网页嵌入另一个网页,达到不同网页资源之间不相互干扰,并能在同一个页面进行显示 iframe 多用于网页播放器如爱奇艺 src:要显示网页的路径 可以是本地也可以是网络资源 width和height 要显示网页的宽和高 name:设置内嵌区域的名字 结合超链接 --> <title>08 内嵌标签</title> </head> <body> <!--<iframe src="07 简历.html" width="50%" height="400px"></iframe>--> <!--_if是自己定义的,表示把加载一个边框当用户点击 “百度一下”后把百度首页加载到边框中--> <a href="http://www.baidu.com" target="_if"> 百度一下</a> <a href="http://www.jd.com" target="_jd"> 京东年货节</a> <br /> <iframe src="" width="48%" height="300px" name="_if"></iframe> <iframe src="" width="48%" height="300px" name="_jd"></iframe> </body> </html>
二、框架标签
<html> <head> <meta charset="UTF-8"> <!--框架是把当前网页分成不同的块(是固定的),每块独立加载显示不同的内容.删除body标签 比如邮箱 内嵌是把在当前网页嵌入不同的网页 --> <title>09 框架标签</title> </head> <frameset rows="10%,*,20%"> <!--按行切3块 比值为 10% *(表示剩余的70%) 20% 上中下3部分 1块就是1个frame--> <frame src="../frameset/top.html"/> <!--写路径时前边记得加上...--> <!--中间的部分按左右切分--> <frameset cols="15%,*"> <frame src="../frameset/left.html"/> <frame src="../frameset/righ.html" name="_right"/> </frameset> <frame src="../frameset/buttom.html"/> </frameset> </html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登录页面</title> </head> <body> <h3>欢迎访问B507主页</h3> <hr /> <a href="../html文件/09 框架标签.html" > 点我进入主页</a> </body> </html> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>顶端网页</title> </head> <body> 欢迎回到邮箱 <!--target="_top" 这里指退出最初的网页 这里指登录界面 login.html--> <a href="../frameset/login.html" target="_top"> 点我退出</a> </body> </html> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> 左边网页</title> </head> <body> 收件箱<br /> 发件箱<br /> <ul> <li> <a href="http://www.baidu.com" target="_right"> 百度一下</a></li> <li> <a href="http://www.jd.com" target="_right"> 京东</a></li> </ul> </body> </html> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> 右边网页</title> </head> <body> <p>右边网页</p> </body> </html> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> 底部网页</title> </head> <body> 版权所有:2019-2020; ID长安忆 </body> </html>
原文地址:https://www.cnblogs.com/ID-qingxin/p/10884256.html
时间: 2024-10-14 06:20:43