HTML网页设计：十、iframe内联框架

最新推荐文章于 2023-04-18 11:59:05 发布
最新推荐文章于 2023-04-18 11:59:05 发布
阅读量2.6k 收藏 8
点赞数 7
分类专栏： HTML 文章标签： html 网页设计 iframe
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xfjssaw/article/details/115247069
版权

iframe内联框架

HTML系列文章目录

  1. HTML网页设计：一、HTML的基本结构
  2. HTML网页设计：二、网页的基本标签
  3. HTML网页设计：三、图像标签之＜img＞标签
  4. HTML网页设计：四、超链接
  5. HTML网页设计：五、行内元素和块元素
  6. HTML网页设计：六、列表
  7. HTML网页设计：七、表格
  8. HTML网页设计：八、媒体元素
  9. HTML网页设计：九、网页的简单布局
  10. HTML网页设计：十、iframe内联框架
  11. HTML网页设计：十一、表单

        iframe 用于在网页内显示网页，其语法结构如下：

<iframe src="引用页面地址" name="框架标识名"></iframe>

其常用属性如下：

  1. height属性：用于规定 iframe 的高度。
  2. width属性：用于规定 iframe 的宽度。
  3. frameborder属性：规定是否显示 iframe 周围的边框，设置属性值为 “0” 就可以移除边框。
  4. name属性：与a标签的 target 属性联用可使 iframe 用作链接的目标。

代码示例如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>iframe内联框架学习</title>
</head>
<body>
	<iframe src="https://weibo.com/vae?nick=%E8%AE%B8%E5%B5%A9&noscript=1&sudaref=www.baidu.com" width="800px" height="600px" frameborder="0" name="框架1"></iframe>
	<br>
	<a href="https://blog.csdn.net/xfjssaw/article/details/115213554?spm=1001.2014.3001.5501" target="框架1" title="网页的简单布局">点击跳转</a>
</body>
</html>

网页显示如下：
在这里插入图片描述
点击跳转后：
在这里插入图片描述

sh想睡觉
关注
  • 7
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
深入剖析HTML5 内联框架iFrame
01-19
由于现在frame和frameset很少使用，已经过时了，已经被div+CSS代替了，所以，这里只是举例说明一下，当下还在使用的内联框架iFrame 所谓的iFrame内联框架，我的理解就是在网页内部嵌套一个网页，并且可以一级一级地嵌套下去。 示例如下： /* 示例由index.html和iframe1.html、iframe2.html、iframe3.html组成 */ 先上一张效果图，图片后面是完整代码。 点击后 完整代码如下 index.html XML/HTML Code复制内容到剪贴板 <!DOCTYPE html>   <html lang=en>  
html页面嵌入finereport,HTML 通过 iframe 嵌套多张模板并设置联动
weixin_33220360的博客
06-04 1329
2.1制作 HTML 页面在\webapps\webroot\help\page_demo文件夹中新建一个 HTML 页面frame.html，在 HTML 中定义 frameset 标签，组织多个窗口，通过 frame 设置特定的窗口区域，通过 JS 判断对不同窗口区域设置不同模板地址，详细代码如下：New Document//在主模板加载结束事件触发zhu(classno)方法，并把cla...
HTML简单框架
SDTdd的博客
05-28 2248
通过iframe实现纯html使用elementUI布局的路由嵌套
qq_41300934的博客
04-18 1131
标签中，而且这种方式也更加灵活，适用于 HTML 项目。标签来实现路由嵌套的效果，将每个页面内容放在同一个。标签来实现类似于路由嵌套的方式。对于HTML项目，可以通过使用。通过以上方法，你可以使用。
2022计算机Java二级考试四十五套题真题【收藏版】（一周裸考计划）
热门推荐
张国荣家的弟弟
11-27 11万+
当你看到这篇文章的时候，相信自己已经在考试的路上，或者即将踏入计算机二级考试的道路。先收藏为敬。再网上看了很多的java面试题，有很多都是零零碎碎的，有或者是需要付费加密????的，加个vip什么的，故而以下是博主整理的有关java面试题的以下内容，我想以一种幽默风趣????的风格来给大家分享和探讨。另外附加有一些公司的面试真题（内部分享）下面我就开启????耳机模式。并且⭐是重要部分，要记易考噢。
【HTML 教程】iframe
web前端开发
12-06 1780
作者 |阮一峰<iframe>标签用于在网页里面嵌入其他网页。1、基本用法<iframe>标签生成一个指定区域，在该区域中嵌入其他网页。它是一个容器元素，如果浏...
HTML学习15（实践7）：内联框架
Blog of Lytracy
07-18 935
文章目录1、iframe属性src2、iframe标签的常用属性3、使用 iframe 来显示目标链接页面4、实践 使用框架，你可以在同一个浏览器窗口中显示不止一个页面。 iframe：内联框架标签，用于在网页中任意的位置嵌入另一个网页。 1、iframe属性src <iframe src="URL"> <!-- URL指向不同的页面 --> </iframe> src可以是绝对路径，也可以是相对路径。 2、iframe标签的常用属性 iframe 还可以设置高度
内联框架(iFrame)简介
weixin_52629592的博客
05-27 3121
一.内联框架的基本介绍 内连联框架用于向当前页面中引入一个其他页面 通过使用frame框架,我们可以在同一个浏览器窗口中显示不止一个页面 每个frame框架都可以设置不同的属性 比如: border,scrolling,noresize等 内联框架把一个网页以一个窗口的形式引入到当前网页.相当于在网页中插入了一个标签,但是内联框架中的网页不会被搜索引擎所检索 一般情况下我们很少使用内联框架 二.标签属性 frameborder: 用来规定内联框架的边框.1表示显示
Android——GT.Glide 加载图片框架，重磅来袭！！！
GSLS
07-09 1108
目前最新版GT库，是支持加载 圆角动态图的，
HTML5-iframe内联框架、表单元素、功能组件
qq_61727355的博客
08-22 1057
在浏览器中按 F12 打开开发者工具，选择 Network，页面点击提交后会生成箭头所指的一条记录，点击该记录，在FormData处可看见提交信息。iframe标签与a标签的配合使用相当于a标签的target属性设为_self。3）与post 的对比：只需将上述代码的提交方式由get改为post即可。代码测试：只需在上述2中代码中添加几个元素即可。网页地址部分会附带提交的参数信息。src：引用页面地址。name：框架标识名。
基于Iframe内联框架的异步文件上传与删除
01-28
针对使用低版本浏览器的用户因安全策略导致无法上传文件的问题，采用一种基于Iframe的内联框架的解决方案能够实现异步文件上传、删除等功能。用这种方式上传图片、音视频等多媒体文件时，能在不跳转页面情况下看到所...
什么是内联框架（iframe）？.pdf
11-24
它被称为内联框架，因为对用户来说它就是一个网页。 子 iframe 是父框架内的完整浏览环境。它可以独立于父级加载自己的[JavaScript](https://www.theserverside.com/definition/JavaScript)和[CSS 。]...
Web前端基础：HTML5浮动框架.pptx
05-06
iframe 元素会创建包含另外一个文档的内联框架。src属性值指向要包含的页面地址 <iframe> 标签创建包含另一个文档的行内框架。 1 2 属性 值 描述 align left/right/top/middle/ bottom 不赞成使用。请使用样式代替。...
HTML网页设计：七、表格
xfjssaw的博客
03-24 1万+
表格 1.表格的定义         HTML中表格由<table>标签来定义。每个表格均有若干行（由 <tr>标签定义），每行被分割为若干单元格（由<td>标签定义），表格标题由<caption>标签指定,表头由<th>标签指定。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 其定
HTML网页设计：四、超链接
xfjssaw的博客
03-22 1万+
超链接 1.锚链接 2.功能性链接 邮箱 QQ
HTML网页设计：十一、表单
xfjssaw的博客
03-26 1万+
表单 1.表单 2.表单应用 3.表单的初级验证
HTML网页设计：六、列表
xfjssaw的博客
03-23 1万+
列表         列表分为两种类型，有序列表和无序列表。有序列表使用编号来记录项目的顺序，无序列表用项目符号来标记列表项。 列表的主要标签如下表： 标签 描述 <ol> 有序列表 <ul> 无序列表 <dl> 自定义列表 <dt> 自定义列表中上层项目 <dd> 自定义列表中下层项目 <li> 列表项目 1.有
HTML网页设计：二、网页的基本标签
xfjssaw的博客
03-19 9787
网页的基本标签 1.标题标签 基本标题标签：一级标题最大，依次越来越小。 <h1>一级标签</h1> <h2>二级标签</h2> <h3>三级标签</h3> <h4>四级标签</h4> <h5>五级标签</h5> <h6>六级标签</h6> 代码示例如下： <!doctype html> <html> <head> <me
HTML网页设计：三、图像标签之＜img＞标签
xfjssaw的博客
03-20 9323
图像标签——<img>标签        在 HTML 中，图像由<img>标签定义。<img> 是空标签，只包含属性，没有闭合标签。 实际上图像并不会插入至HTML页面中，而是链接到HTML页面上，<img> 标签的作用是为被引用的图像创建占位符，其src和alt为必需属性。 常用属性： [src]： 规定显示图像的URL，URL 指存储图像的位置，可以用绝对位置和相对位置，建议使用相对
iframe内联框架
最新发布
08-14
内联框架（Inline Frame），简称为 iframe，是 HTML 中的一个元素，用于在当前页面中嵌入另一个页面。通过使用 iframe，我们可以在页面中显示其他网页、视频、地图等内容。 使用 iframe 的语法如下： ```html <iframe src="url" width="width" height="height"></iframe> ``` 其中，`src` 属性指定要嵌入的页面的 URL，`width` 和 `height` 属性用于设置 iframe 的宽度和高度。 通过 iframe，我们可以在当前页面中嵌入其他网页的内容，并且可以通过 CSS 样式和 JavaScript 来控制 iframe 的样式和行为。同时，iframe 也允许我们在嵌入的页面中进行交互操作，例如在父页面中调用子页面的方法或获取子页面的内容。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值