iframe&frameset标签

最新推荐文章于 2024-07-23 16:37:55 发布

Valder__

最新推荐文章于 2024-07-23 16:37:55 发布

阅读量94

点赞数

分类专栏：前端html 文章标签：前端 html

本文链接：https://blog.csdn.net/Valder__/article/details/127157696

版权

前端html 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

内嵌标签

指在同一个网页中显示两个网页的内容

iframe

iframe src=“” width=“” height=“” name=“”

a hr和iframe scr=""合用

<html>
    <head>
	    <title>内嵌标签学习</title>
		<meta charset="UTF-8"/>
	</head>
    <body>
	    <h3>内嵌标签学习</h3>
		<hr />
        
		<!--
		    内嵌标签学习
			指在同一个网页中显示两个网页的内容
			用iframe
			src中为要嵌入的网页地址，可以是本地，也可以是网页
			    注：默认的是网页直接加载并显示src指向的资源
			width和height是在此网页中要显示另一张网页的区域宽高
			mame 设置内嵌区域的名字，结合超链接标签的target使用
			 
			 
			<a hr>和<iframe scr="">合用可设置一个文字信息，在用户点击之后会在指定框架中显示网页内容
			    注：若该网址资源的发布者不允许此网页内容显示在框架中则会出现拒绝连接的情况，要尊重大佬
				
			作用
			    在当前网页中显示不同网页，并互不干扰
		-->
		<a href="http://www.so.com" target="_if">360搜索</a>
		<a href="http://www.taobao.com" target="_tt">淘宝</a>
		<iframe src="" width="48%" height="400px" name="_if"></iframe>
		<iframe src="" width="48%" height="400px" name="_tt"></iframe>
		
		
		<iframe src="http://www.taobao.com" width="48%" height="400px" name="_tt"></iframe>
	</body>
</html>

框架标签

不要body,no body

frameset表示一块区域，frame表示这块区域的小区域

rows表行切，cols表列切

<html>
    <head>
        <title>框架标签</title>
		<meta charset="UTF-8"/>
	</head>
    
	<!--
	    不要body,no body.
		frameset表示一块区域，frame表示这块区域的小区域
		切后的每个区域又可以看成一个frameset，可继续切
		rows表行切，cols表列切，在其后定义有几个区域所占的百分比，*表示除有数据的之外剩余的部分
		name区域名，结合超链接
		
		注：有几个区域就要写几个frame，不写的话会正常划分，只不过看不出来，写上会有一条实线来区别
		
		src中可以写本地或网站网址
	-->
    <frameset rows="10%,*,10%">
	    <frame src=""/>
		<frameset cols="10%,*">
	        <frame />
	        <frame />
		</frameset>
	    <frame />
	</frameset>
	
	<!--
	    有时多个网页最下方会有相同的内容，通常是自己的logo，如果要修改的话，若网页数量过多
		不可能一个一个去修改源码，这时候可以写一个别的源码，用scr连接到那个源码，多个网页都
		链接，这样只需修改那一个源码就完成了对所有网页的修改
	-->
</html>