前端:HTML的内嵌标签和框架标签

#前端
##HTML
###内嵌标签

iframe:
1、src:要显示的网页资源路径(可以是本地(相对路径)也可以是网络资源(URL))
2、width:设置显示区域宽度
3、height:设置显示区域高度
4、name:设置内嵌区域的名字,结合超链接标签的target属性使用
注意:
默认当前页面打开即加载src指向的资源
作用:
在当前网页中加载其他网页的资源,达到不同网页资源之间不相互干扰,并能在同一个页面中展现给用户的目的。

<html>
		<head>
				<title>内嵌标签</title>
				<meta charser="UTF-8">
		</head>
		<body>
				<h3>写给时光的情书</h3>
				<hr />
				<iframe src="https://www.baidu.com" width="100px" height="100px"></iframe>
		</body>
</html>

###框架标签

frameset:
1、rows:按照行进行切分界面
2、cols:按照列进行切分界面
3、子标签:
frame:进行切分区域的占位,一个frame可以单独加载网页的资源

src:资源路径(本地或网络)
name:区域名,结合超链接使用

注意:
1、一定要删除body标签
2、设计框架登录退出界面时使用的是方法如下:

<a href="../登录界面html" target="_top">退出</a>
<html>
		<head>
				<title>框架标签</title>
				<meta charser="UTF-8">
		</head>
		<frameset rows="10%,*,10%"><!--rows是横着切,cols是竖着切-->
				<frameset cols="10%,*,10%">
						<frame />
						<frame />
						<frame />
				</frameset>
				<frame />
				<frame >
		</frameset>
</html>
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值