html内嵌其他网页iframe

news/2024/10/9 9:21:12 标签: html, 前端
htmledit_views">

在很多情况下,需要将其他网页内嵌到自己的网页,如:

只需要使用iframe标签即可,通过src属性指定网站地址即可,代码如下:  

html"><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>利用iframe内嵌B站</title>
</head>
<body>
    <div class="title">内嵌B站</div>
    <div class="box">
        <iframe src="https://www.bilibili.com/" frameborder="0"></iframe>
    </div>
</body>
<style>
    .box {
        width: 80vw;
        height: 70vh;
        margin: 2vh auto;
    }
    .box iframe {
        width: 100%;
        height: 100%;
    }
    .title {
        width: fit-content;
        margin: 5vh auto;
        font-size: 36px;
        color: red;
        letter-spacing: 0.3em;
        
    }
</style>
</html>

更多使用见:菜鸟教程 iframe(runoob.com)


http://www.niftyadmin.cn/n/5695632.html

相关文章

输电线路缺陷图像检测数据集,导线散股,塔材锈蚀两类,分别为581张和1407张,标注为xml和txt格式 1988张

输电线路缺陷图像检测数据集&#xff0c;分为导线散股&#xff0c;塔材锈蚀两类&#xff0c;分别为581张和1407张&#xff0c;标注为xml和txt格式 数据集名称 输电线路缺陷图像检测数据集 (Transmission Line Defect Detection Dataset) 数据集概述 该数据集是一个专门用于训…

elasticsearch 8.2 版本账号密码设置及SSL设置

背景:elasticsearch 8.2 设置账号密码-CSDN博客 failed to load SSL configuration does not contain any trusted certificate entries [2024-10-08T17:06:53,704][ERROR][o.e.b.ElasticsearchUncaughtExceptionHandler] [node-1] uncaught exception in thread [main] org…

【devops】devops-ansible之剧本变量使用

本站以分享各种运维经验和运维所需要的技能为主 《python零基础入门》:python零基础入门学习 《python运维脚本》: python运维脚本实践 《shell》:shell学习 《terraform》持续更新中:terraform_Aws学习零基础入门到最佳实战 《k8》从问题中去学习k8s 《docker学习》暂未更…

Kafka 动态分区详解

Kafka 动态分区的概念指的是在运行时动态地增加主题的分区数&#xff0c;从而提升消息处理的并发性和吞吐量。Kafka 的分区是一个非常重要的概念&#xff0c;它决定了消息的分发方式以及消费者的并行消费能力。增加分区可以有效提高并发度&#xff0c;但在增加分区时如何保证数…

03_23 种设计模式之《原型模式》

文章目录 一、原型模式基础知识原型模式的结构应用场景 实例拷贝构造函数被调用场景如下&#xff1a;典型的应用场景&#xff1a; 一、原型模式基础知识 原型模式是一种创建型设计模式&#xff0c;其功能为复制一个运行时的对象&#xff0c;包括对象各个成员当前的值。而代码又…

数据湖数据仓库数据集市数据清理以及DataOps

一提到大数据我们就知道是海量数据&#xff0c;但是我们并不了解需要从哪些维度去考虑这些数据的存储。比如 数据湖、数据仓库、数据集市&#xff0c;以及数据自动化应用DataOps有哪些实现方式和实际应用&#xff0c;这篇文章将浅显的做一次介绍。 数据湖 数据湖是一种以自然…

YUV视频数据类型

YUV视频数据类型 1. 概述2. YUV420P2.1 YU122.2 YV123. YUV420SP3.1 NV213.2 NV124. YUV 和 RGB 转换1. 概述 YUV 视频数据是根据一个亮度 Y 和两个色度 UV 来定义的颜色空间。常见的 YUV 格式有 I420,NV12,YV12。 YUV 有三种采样模式,其中: YUV 4:4:4 采样,每一个 Y 对…

FPGA学习(4)-时序逻辑电路实现D触发器与计数器,LED灯闪烁

1.实现原理 开发板的频率为50MHz&#xff0c;即一个周期为20ns&#xff0c;实现500ms一次翻转&#xff0c;即计数25_000_000次。每次时钟沿来一次&#xff0c;就计一次。 2. 新建工程 2.1源文件代码 在下面左边的变量值要变的&#xff0c;就用reg。不涉及的缺省&#xff1b;…