html - iframe

最新推荐文章于 2024-09-11 14:09:02 发布

Nemo.1213

最新推荐文章于 2024-09-11 14:09:02 发布

阅读量183

点赞数

分类专栏：前端文章标签： html

本文链接：https://blog.csdn.net/weixin_45763491/article/details/107678055

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

iframe: 框架页，通常用于在网页中嵌入另一个页面

例1：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        iframe{
            width: 100%;
            height: 500px;
        }
    </style>
</head>
<body>
    <a href="https://www.baidu.com" target="myframe">百度</a>
    <a href="https://douyu.com" target="myframe">斗鱼</a>
    <a href="https://www.taobao.com" target="myframe">淘宝</a>

    <iframe name="myframe" src="https://www.baidu.com"></iframe>
</body>
</html>

例2：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        iframe{
            width: 1000px;
            height: 600px;
        }
    </style>
</head>
<body>
        <iframe src="https://player.bilibili.com/player.html?aid=52736078&cid=92261718&page=1" scrolling="no" frameborder="no" framespacing="0" allowfullscreen="true"> 
        </iframe>
</body>
</html>