内联框架[HTML][web前端]

内联框架

内联框架的作用:

用于向当前页面中引入一个其他页面

  • 引入的这个页面就称之为: 内联框架(就像窗口一样)
用iframe标签来表示一个内联框架
  • iframe标签中的src属性用来指定要引入的网页的路径
    • 注意: 我们的内联框架中也是src属性,也就是说我们的内联框架也是引入的形式,而不是引用的形式
  • iframe标签中的framehorder属性用来指定内联框架的边框
    • 属性值为"0"表示无边框
    • 属性值为非零表示有边框(包括输入负数,只要不是0就是有边框)
      • 我们一般都是设置为无边框
内联框架和我们当前页面的其他标签的编写无关,内联框架就相当于一个标签,这个标签是以一个内联框架(窗口)的形式将指定的外部页面 (网络中) 或者是内部页面 (本机中) 呈现到当前页面中
我们创建内联框架的时候一般情况之下都要通过width属性和height属性来设置大小
注意: 我们的当前网页的内联框架中的内容并不会被浏览器的爬虫程序爬到
通过一个例子来说明如何创建一个内联框架:
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>内联框架</title>
	</head>
	<body>
		<!-- 创建一个内联框架, 使用这个内联框架将淘宝网引入到我们的当前页面中来 -->
		<iframe src="http://www.taobao.com" frameborder="0" width="1700" height="800"></iframe>
	</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值