学习html5基础--9.iframe内联框架

最新推荐文章于 2024-08-27 20:48:47 发布
最新推荐文章于 2024-08-27 20:48:47 发布
阅读量199 收藏
点赞数
分类专栏： html 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48586922/article/details/110203908
版权
本文深入探讨了HTML5中的iframe元素，详细解释了如何使用iframe创建内联框架，包括设置src属性加载外部页面，调整iframe尺寸，以及iframe在现代网页设计中的应用和优缺点。通过实例代码，读者将掌握iframe的基本用法。
摘要由CSDN通过智能技术生成 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>iframe内联框架</title>
</head>
<body>

<iframe src="https://www.baidu.com" frameborder="0" height="500" width="800"></iframe>

<iframe src="//player.bilibili.com/player.html?aid=55631961&bvid=BV1x4411V75C&cid=97257967&page=11"
        scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

<!--通过a标签的target来跳转到iframe标签标记的位置-->
<iframe src="" name="hello" frameborder="0"></iframe>
<br/>
<a href="https://blog.csdn.net/weixin_48586922/category_10610097.html" target="_blank hello">跳转到我的博客</a>
</body>
</html>
曾梦想仗剑天涯12138
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
学习博客：【HTML】内联框架iframe
Aurinko324的博客
03-29 557
内联框架 将其他网页内联在自己的网页中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>内联框架iframe</title> </head> <body> <!--iframe 内联框架--> <iframe src="https://shop.lenovo.com.cn/" name
HTML5---iframe内联框架
AO_AEO的博客
06-12 363
9.iframe内联框架 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--iframe内联框架 src:地址 w-h：宽度 高度 --> <iframe src="" name="Hello" frameborder
HTML5 学习10.iframe内联框架
zangzangJuxy的博客
06-16 159
Java代码块 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--iframe内联框架 src：地址 w-h宽度和高度 --> <iframe src="" name="hello" width="800px" heigh
HTML5-iframe内联框架、表单元素、功能组件
qq_61727355的博客
08-22 1180
在浏览器中按 F12 打开开发者工具，选择 Network，页面点击提交后会生成箭头所指的一条记录，点击该记录，在FormData处可看见提交信息。iframe标签与a标签的配合使用相当于a标签的target属性设为_self。3）与post 的对比：只需将上述代码的提交方式由get改为post即可。代码测试：只需在上述2中代码中添加几个元素即可。网页地址部分会附带提交的参数信息。src：引用页面地址。name：框架标识名。
[HTML]9.iframe内联框架
weixin_46285081的博客
07-16 89
iframe内联框架 作用：在此网页中内嵌打开另一个网页 src：地址 width：宽度 height：高度 name：名称 <iframe src="http://www.mylight1109.cn" name="lh" frameborder="0" width="1000" height="800"></iframe> 可以结合a标签进行多个网页的跳转 <iframe src="http://www.mylight1109.cn" name="lh" framebo
HTML----iframe内联框架
GOV_D的博客
07-12 63
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>iframe内联框架</title> </head> <body> <!--iframe内联框架(网页内嵌套网页） src:网页地址 w-h:宽度高度 --> <iframe src="http://www.bilibili.com" fra
11.iframe内联框架
chuxiqianye2020的博客
07-31 432
最后我们讲iframe标签里的name参数怎么用了，name里面我们可以写任何东西，相当于给这个框架命名，这里我们要用a标签让我们写的第一个网页在这个内联框架打开，这时src就不用写东西，相当于一个空着待使用的框架。我们除了可以通过分享的方式也可以自己编写iframe标签，比如我们想要展示B站主页，以及设置内联框架的大小,效果如下，打开网页的元素审查，可以看到我们写的代码以及我们设置的内敛框架的大小。我们在B站随便打开一个视频，点击分享，可以看到B站提供了很多分享方式，我们选择嵌入代码。
HTML-iframe内联框架和frameset框架集详解
主营前端方向，技术栈是vue
11-21 618
iframe内联框架和frameset框架集(引入多个其他的外部的页面，frameset 不能和 body 出现在同一页面，rows行、cols列)
HTML -- 页面结构分析和iframe内联框架
天行健 君子以自强不息，地势坤 君子以厚德载物。
02-27 231
示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <header> <h1>网页头部</h1> </header> <section> <h1>网页主体&.
深入剖析HTML5 内联框架iFrame
01-19
所谓的iFrame内联框架，我的理解就是在网页内部嵌套一个网页，并且可以一级一级地嵌套下去。 示例如下： /* 示例由index.html和iframe1.html、iframe2.html、iframe3.html组成 */ 先上一张效果图，图片后面是完整...
iframe-cross-domain.rar
05-09
`iframe`（内联框架）是HTML中一个非常有用的元素，它允许在一个页面中嵌入另一个网页，从而实现内容的复用或隔离。然而，当iframe加载的源与父页面不在同一个域名下时，就会遇到跨域限制，这是浏览器的安全策略，...
thomas-w-yu.github.io
03-26
9. **框架和脚本**: `<iframe>`引入外部页面，`<script>`引入JavaScript代码以实现交互性。 10. **语义化HTML**: 使用如`<header>`, `<footer>`, `<article>`, `<section>`等语义化标签，提高网页可读性和搜索引擎...
只用一个 HTML 元素可以写出多少形状？——不规则图形篇
Conan9912345的博客
08-23 789
您有没有想过一个问题，如果我们只用一个 div 元素，一共可以写出多少种形状呢？
30分钟从零开始入门拿下 HTML
Y_1215的博客
08-27 469
HTML(HyperTextMarkupLanguage),超⽂本标记语⾔.超⽂本:⽐⽂本要强⼤.通过链接和交互式⽅式来组织和呈现信息的⽂本形式.不仅仅有⽂本,还可能包 含图⽚,⾳频,或者⾃已经审阅过它的学者所加的评注、补充或脚注等等.标记语⾔:由标签构成的语⾔ HTML的标签都是提前定义好的,使⽤不同的标签,表⽰不同的内容.类似⻜书⽂档,Word⽂档如果选中⽂本,点击标题1,就会使⽤标题1的样式来显⽰⽂本,上述标题1就是⼀个"标签"我是⼀级标题我是⼆级标题
HTML静态网页成品作业(HTML+CSS+JS)——体育足球介绍设计制作(3个页面)
2301_78945238的博客
08-23 409
HTML静态网页成品作业(HTML+CSS+JS)——体育足球介绍设计制作(3个页面)
网页html版——在线查字典的一个web服务器
最新发布
l22221的博客
08-27 681
HTML是一种用于创建网页的标准标记语言。可以用dreamwave这个工具来写使用文本编辑器（如Notepad++、Sublime Text、Visual Studio Code等）创建一个新的文件，并将其保存为 .html 文件。
【HTML】模拟消息折叠效果【附源代码】
Young_Pro的博客
08-26 916
通过 Html 搭配 CSS 和 JavaScript 模拟消息折叠效果，点击展开消息，再次点击即可收起消息
[vue] jszip html-docx-js file-saver 图片，纯文本 ，打包压缩
qq_14993591的博客
08-27 149
创建文件：支持导出纯文本。
HTML框架与内联框架(Iframe)知识测试
"HTML测试题，包括框架的构成与设置，HTML语言的*>标签，Iframe标记的使用，内联框架的特点，以及视频数据流和HTML文本显示状态代码的相关知识。" 在HTML中，框架（Frames）是一种将网页内容分割成独立区域的技术，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值