11、iframe内联框架

iframe就是为了实现在一个网页中嵌套另外一个网页的效果

<iframe src="path" name="mainFrame"></iframe>
<!--
src：引用页面地址
name：框架标识名，前面我们学习了超链接标签中target属性可以指定如何打开新的页面，这里通过内联框架的name属性可以跳转到指定的内联窗口中
width：宽度属性
height：高度属性
-->

哔哩哔哩分享的iframe内联框架

<iframe src="//player.bilibili.com/player.html?aid=55631961&bvid=BV1x4411V75C&cid=97257967&p=11" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

示例

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>内敛框架学习</title>
</head>
<body>
<!--哔哩哔哩生成内联框架-->
<iframe src="//player.bilibili.com/player.html?aid=55631961&bvid=BV1x4411V75C&cid=97257967&p=11"scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true">
</iframe><!--内联框架还有其他属性
width：宽度属性
height：高度属性
-->
<iframe src="https://www.baidu.com" frameborder="0" width="1000px" height="800px"></iframe><!--通过超链接标签跳转到内联标签的指定位置-->
<iframe src="" frameborder="0" name="hello"></iframe>
<a href="图像标签.html" target="hello">点击跳转</a>
</body>