HTML的内标签和框架标签（iframe和frameset)

最新推荐文章于 2024-03-27 21:39:01 发布

道法—自然

最新推荐文章于 2024-03-27 21:39:01 发布

阅读量799

点赞数

分类专栏：前端学习

本文链接：https://blog.csdn.net/wyqwilliam/article/details/83757996

版权

前端学习专栏收录该内容

28 篇文章 0 订阅

订阅专栏

HTML的内嵌标签学习：
<html>
	<head>
		<title>内嵌标签学习</title>
		<meta charset="UTF-8"/>
	</head>
	<!--
		内嵌标签学习:
			作用：在当前网页中声明一块区域，在该区域中可以引入新的网页资源进行显示。
			使用：
				标签iframe
				属性：
					src：要嵌入的网页资源路径，默认打卡资源
						本地资源路径：相对路径
						网络资源路径：url
		
				使用：
					结合超链接标签使用
			注意：
				使用iframe内嵌标签引入的资源和当前网页资源之间是相互独立的。
		
	-->
	<body>
		<h3>内嵌标签学习：</h3>
		<hr />
		<a href="http://www.jd.com" target="_if">京东网</a><br />
		<a href="http://www.taobao.com" target="_if">淘宝网</a><br />
		<a href="http://www.vip.com" target="_if">唯品会</a><br />
		<iframe src="http://www.taobao.com" width="49%" height="300px" name="_if"></iframe>
		<iframe src="跳动的心.html" width="49%" height="300px"></iframe>
		
		
	</body>
</html>
-----------------------------------------------------------------------------------------------------------------------------------
HTML的框架标签学习:
<html>
	<head>
		<title>frameset框架标签学习</title>
		<meta charset="UTF-8"/>
	</head>
	<!--
		frameset框架标签学习:
			作用：
				将不同的HTML页面在一个页面集中显示，类似生活中监控的九宫格画面。
			使用：
				1、将body标签删除
				2、使用frameset进行标签页区域的划分
					属性 
						rows 行切
						cols 列切
				3、使用frame子标签进行占位显示资源
					属性 
						src 值为资源路径（本地路径，网络路径）
			说明：
				将不同的网页信息在一个标签页中展现给用户，对于用户来说，看到的其实是一张完整的网页信息。
				说白了，我们将本应该在一张页面中显示的内容切分成了好几张网页，并使用frameset组合显示给用户
			总结：
				frameset实现了网页信息的解耦显示。
	-->
		<frameset rows="10%,*,10%">
			<frame  src="head.html"/>
			<frameset cols="10%,*">
				<frame  src="left.html"/>
				<frame  src="right.html" name="_right"/>
			</frameset>
			<frame src="bottom.html"/>
		</frameset>
</html>