HTML11：iframe内联框架-CSDN博客

本文链接：https://blog.csdn.net/Prince140678/article/details/118662007

本文详细介绍了HTML中的iframe元素，包括其src、width、height等属性的使用，展示了如何嵌入外部网页、创建命名iframe以及利用iframe进行页面间的链接跳转。同时，还演示了如何嵌入B站视频，提供了一个完整的HTML代码示例。

摘要由CSDN通过智能技术生成

HTML11：iframe内联框架

iframe内联框架

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mS2UGSTF-1626016498751)(C:\Users\Administrator\Desktop\学习笔记\前端学习\HTML\HTML11：iframe内联框架.assets\image-20210711230555784.png)]$

代码show

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>9.内联框架-iframe</title>
    </head>
    <body>
<!--   iframe 内联框架
            src:地址
            width:宽度
            height:高度


     -->
        <iframe src="https://www.baidu.com" frameborder="0" width="800px" height="500px"></iframe>
        <hr/>
        <iframe src="" name="hello" frameborder="0" width="800px" height="500px"></iframe>
        <hr/>
        <a href="https://blog.csdn.net/" target="hello">点击跳转</a>
        <hr/>
        <a href="https://www.bilibili.com/video/BV1x4411V75C?p=11&share_source=copy_web">B站视频</a>
        <hr/>
        <iframe src="//player.bilibili.com/player.html?aid=55631961&bvid=BV1x4411V75C&cid=97257967&page=11" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
    </body>
</html>

彩蛋

1.B站复制内联框架

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KklldRnx-1626016498756)(C:\Users\Administrator\Desktop\学习笔记\前端学习\HTML\HTML11：iframe内联框架.assets\image-20210711231310647.png)]$