内嵌标签和框架标签

最新推荐文章于 2023-06-29 10:27:30 发布

多一些不为什么的坚持啊

最新推荐文章于 2023-06-29 10:27:30 发布

阅读量211

点赞数

本文链接：https://blog.csdn.net/weixin_43850619/article/details/101159293

版权

前端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

内嵌标签

<iframe>……</iframe>

src：要显示的网络资源路径
   可以是本地（相对路径）也可以是网络资源（URL）
   注意：默认当前页面打开及加载src指向的资源
width：设置显示区域的宽度
heigth：设置显示区域的高度
   name：设置内嵌区域的名字，结合超链接标签的target属性使用
作用：在当前网页中加载其它网页的资源，达到不同网页资源之间不相互干扰，并能在同一个页面中展现给用户的目的

示例：

<html>
	<head>
		<title>内嵌标签学习</title>
		<meta charset="utf-8"/>
	</head>
	<body>
		<h3>内嵌标签学习</h3>
		<hr />
		<iframe src="http://www.taobao.com" width="100%" height="400px"></iframe>
		<hr />
		<br />
		<br />
		<a href="http://www.baidu.com"  target="_if">百度一下</a>
		<a href="http://www.so.com"   target="_jd">搜索一下</a><br />
		<iframe src="" width="48%" height="400px"  name="_if"></iframe>
		<iframe src="" width="48%" height="400px"  name="_jd"></iframe>
	</body>
</html>

框架标签

<frameset>……</frameset>

注意：第一步一定要删除body标签
frameset： rows：按照行进行切分页面
  cols：按照列进行切分页面
   子标签：
frame：进行切分区域的占位，一个frame可以单独加载网页资源
   src：资源路径（本地或者网络）
   name：区域名，结合超链接使用

示例：

<html>
	<head>
		<title>框架标签学习</title>
		<meta charset="utf-8"/>
	</head>
	<frameset  rows="10%,*,10%">
		<frame src="frameset/top.html"/>
		<frameset cols="10%,*">
			<frame src="frameset/left.html"/>
			<frame src="frameset/right.html"/ name="_right">
		</frameset>
		<frame src="frameset/bottom.html"/>
	</frameset>
</html>

<html>
	<head>
		<title></title>
		<meta charset="utf-8"/>	
	</head>
	<body>
		<a href="../12.HTML——frameset登录页面.html"  target="_top">退出</a>
		<!--
        	../:返回上层级目录
        -->
	</body>
</html>

<html>
	<head>
		<title></title>
		<meta charset="utf-8"/>
	</head>
	<body>
		<ul>
			<li><a href="http://www.baidu.com" target="_right">百度一下</a></li>
			<li><a href="http://www.taobao.com" target="_right">淘宝网</a></li>
			<li><a href="http://www.jd.com" target="_right">京东网</a></li>
		</ul>
	</body>
</html>

<html>
	<head>
		<title></title>
		<meta charset="utf-8"/>
	</head>
	<body>
		right
	</body>
</html>

<html>
	<head>
		<title></title>
		<meta charset="utf-8"/>
	</head>
	<body>
		bottom
	</body>
</html>

<html>
	<head>
		<title>frameset登录页面</title>
		<meta charset="utf-8"/>
	</head>
	<body>
		<h3>欢迎访问</h3>
		<a href="11.HTML——框架标签.html">点我登录主页</a>
	</body>
</html>