HTML5 内联框架

最新推荐文章于 2023-03-09 21:11:39 发布
最新推荐文章于 2023-03-09 21:11:39 发布
阅读量659 收藏 1
点赞数 1
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/DearLu1995/article/details/84883353
本文通过四个HTML文件实例展示了如何使用iframe实现页面嵌套，并解释了在不同目标窗口(self、blank、parent、top)中打开链接的方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.内联框架 iframe
2.例子:创建4个html文件
第一个html文件index01

<html>
<head></head>
<iframe scr="framec.html" width="800px" heigth="800px"></iframe>
</html>

第二个html文件framea.html

<body bgcolor="blue"></body>
<a href="baidu.com" target="1">百度</a>

第三个html文件frameb.html

<body bgcolor="red">
   <iframe scr="framea.html" width="600px" heigth="600px"></iframe>
</body>

第四个html文件framec.html

<body bgcolor="green">
   <iframe scr="frameb.html" width="400px" heigth="400px"></iframe>
</body>

此时产生一个三成嵌套的页面
当self的值为_self时，在a页面打开链接
当self的值为_blank时，在新的页面打开
当self的值为_parent时，在父级页面中打开
当self的值为_top时，在顶级页面打开
DearLu1995
关注
HTML5之内联框架和音视频标签
WQuestion的博客
09-01 319
1、内联框架 使用iframe标签向当前页面中引入其他页面 属性： -src指定要引入的网页的路径 -framborder指定内联框架的边框（只有0和1，0表示没有边框，1表示有边框） 2、音频标签 audio标签用于向页面中引入一个外部的音频文件 音频文件引入时，默认情况下，不允许用户自己控制播放停止 属性： -contr...
HTML5-iframe内联框架、表单元素、功能组件
qq_61727355的博客
08-22 1317
在浏览器中按 F12 打开开发者工具，选择 Network，页面点击提交后会生成箭头所指的一条记录，点击该记录，在FormData处可看见提交信息。iframe标签与a标签的配合使用相当于a标签的target属性设为_self。3）与post 的对比：只需将上述代码的提交方式由get改为post即可。代码测试：只需在上述2中代码中添加几个元素即可。网页地址部分会附带提交的参数信息。src：引用页面地址。name：框架标识名。
html5-内联框架
weixin_34208283的博客
09-08 374
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>内联框架</title></head><body style="height: 600px">当body设置style样式的时候垂直百分比有效。<br...
HTML5内联框架
若有博文对您有帮助，欢迎点赞关注，收藏评论。
02-15 312
<!DOCTYPE html> <html> <head> <title>内联框架</title> <meta http-equiv="Content-Type" content="text/html; utf-8"> </head> <body> <p><b>内联框架</b></p> .
HTML5内联框架iframe
qq_26310441的博客
08-25 665
frame标签已经过时了 但是还是要学习一下 创建3个frame    frame a-c 这3个  frame   只修改bgcolor frameset cols=20% 30% 50%》 row  横向表示row  过时了 引用《frame》  src frame a-c frame标签不能加到body中 通过iframe   iframe没有过时 有外边
XZ_HTML5之HTML框架和 HTML内联框架 iframe
understand_XZ的博客
07-25 2036
水平框架 frameset rows="25%,50%,25%">       frame src="First.html" />   frame src="Second.html" />   frame src="index.html" /> frameset> 框架结构标签 • 框架结构标签（）定义如何将窗口分割为框架 • 每个 frameset 定义了一系列行或列
深入剖析HTML5 内联框架iFrame
01-19
由于现在frame和frameset很少使用，已经过时了，已经被div+CSS代替了，所以，这里只是举例说明一下，当下还在使用的内联框架iFrame 所谓的iFrame内联框架，我的理解就是在网页内部嵌套一个网页，并且可以一级一级地...
HTML5内联框架案例.pdf
07-11
HTML5内联框架案例.pdf学习资料复习资料教学资源是关于HTML5内联框架的学习资源，主要针对HTML5内联框架的使用和实践。本文档给出了三个案例，分别演示了内联框架的基本用法、内联框架常用属性的使用和内联框架添加...
HTML5内联框架.pdf
07-11
HTML5内联框架 HTML5中的内联框架（iframe）是一种可以在网页中嵌入另一个网页或文档的技术。它可以自由控制窗口大小，可以配合表格随意地在网页中的任何位置插入窗口，实际上就是在窗口中再创建一个窗口。 内联...
深入解析HTML中的框架与内联框架：功能、差异与应用场景
06-21
在HTML的发展过程中，框架（frames）和内联框架（iframes）是两种用于在网页上嵌入内容的技术。尽管它们都可以实现将多个HTML文档组合在单个页面上，但它们在实现方式、功能和应用场景上存在显著差异。本文将深入...
iframe内联框架 html5
qq_41666208的博客
07-19 905
我们添加<a>标签可以实现另外一个页面的跳转，那么我们如何在本页面实现跳转呢？就要用到我们今天学习的<iframe>内联框架了。
html内联框架
weixin_45736498的博客
03-04 425
内联框架 使用内联框架可以引入一个外部的页面 使用iframe来创建一个内联框架 属性： src：指向一个外部页面的路径，可以使用相对路径 width: height: name:可以为内联框架指定一个mame属性 在实际开发中不会使用内联框架，因为内联框架的内容不会被搜索引擎所检索 e: <ifra...
【HTML5+CSS3】内联框架
qq_62092119的博客
08-08 172
内联框架/src/frameborder/引入网页
学习HTML5记录-框架（iframe内联框架）
Heartbeats_m的博客
03-11 374
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;HTML框架&lt;/title&gt; &lt;/head&gt; &lt;!--frameborder边框--&gt; &lt;iframe src=&q
HTML Iframe（HTML内联框架）（有用哎哟！）
不再想当菜鸟了
03-11 5776
frame 用于在网页内显示网页。 添加 iframe 的语法 URL"> URL 指向隔离页面的位置。 Iframe - 设置高度和宽度 height 和 width 属性用于规定 iframe 的高度和宽度。 属性值的默认单位是像素，但也可以用百分比来设定（比如 "80%"）。 实例 亲自试一试 Iframe - 删除边框 frameborder
HTML-6-iframe内联框架
baidu_38126306的博客
11-28 285
HTML -> iframe内联框架 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>内联框架iframe学习</title> </head> <body> <!--iframe内联框架 src:地址 w-h :宽度和高度 name --> <!--&lt
H5学习之12 iframe标签---内联框架
qq_29469941的博客
07-31 1769
html> lang="en"> charset="UTF-8"> bgcolor="#ffe4c4" text="red"> src="https://www.baidu.com/?tn=95505140_hao_pg" width="800" height="600" frameborder="0"> 在界面里显示其他网页 src规定位置，也可以是本地的一个htm
10、前端HTML5入门教程（内联框架）
m0_68955602的博客
03-09 130
前端HTML5入门教程
HTML5笔记三.内联框架、<a>标签
baibanlanhuarui的专栏
11-24 3362
一、内联框架 1.w3c不建议使用内联框架，但是在开发中很多公司还是会使用内联框架； 2.内联框架的标签是；内联框架用于向网页中引入另一个网页； ifra"> 3.标签常用属性： 1）src属性：是在该内联框架中指定一个外部的页面地址； 2）name属性：是设置iframe的名字 二、标签 1.标签是一个超链接；超链接可以使我们跳转到其他页面； 这是一个超链接在当前窗口打
axure内联框架引入html
最新发布
03-12
接下来，我需要确认Axure是否支持内联框架加载本地HTML文件。根据之前的经验，Axure的内联框架可以通过设置链接或文件路径来加载内容。但需要注意，如果HTML文件是本地文件，可能在预览或生成原型时路径是否正确，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值