格式:
<iframe src="path" name="mainFrame"></iframe>
属性说明:
src:引用页面地址
name:框架标识名
1、内联哔哩哔哩
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>内联框架</title>
</head>
<body>
<iframe src="https://www.bilibili.com/" width="1000px" height="800px"></iframe>
</body>
</html>
运行结果:
2、内联自定义的页面(动态)
通过 <iframe> 的 name 属性和 <a> 的 target 属性进行关联,指定内联的位置
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>内联框架</title>
</head>
<body>
<iframe src="" name="play" width="1000px" height="800px"></iframe>
<a href="媒体元素.html" target="play">点击跳转</a>
</body>
</html>
运行结果:
点击跳转后