当前位置: 首页 > news >正文

html内嵌其他网页iframe

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

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

<!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.mrgr.cn/news/45912.html

相关文章:

  • ICM20948 DMP代码详解(69)
  • MATLAB - 机器人机械臂设计轨迹规划器
  • 如何进行数据治理体系建设?
  • 关于Amazon Linux 2023的版本及包管理器
  • C#导出Excel表格,实现跨行/跨列...支持各种组合样式
  • 职称申报材料整理需要注意哪些方面呢?
  • 博弈_动态规划,递归与模拟
  • Mysql高级篇(下)——数据库备份与恢复
  • 【kubernets】自定义资源类型CRD
  • 读数据工程之道:设计和构建健壮的数据系统03数据工程生命周期(上)
  • C# Wpf 图片按照鼠标中心缩放和平移
  • 微服务架构---认识Zuul
  • AI学习指南深度学习篇-生成对抗网络在深度学习中的应用
  • 【PostgreSQL】运维篇——PostgreSQL 的容量规划与监控
  • 开放式耳机哪个牌子好?开放式耳机怎么选?蓝牙耳机推荐2024
  • 【习题】应用DFX能力介绍
  • 肺结节分割与提取系统(基于传统图像处理方法)
  • PyQt入门指南十 数据库操作入门
  • HTML DOM 节点
  • Java设计模式——适配器模式