html frame标签怎么使用?frame标签的用法介绍(附实例)

寻∝梦
发布: 2018-08-30 15:46:44
原创
14354人浏览过

本篇文章主要的介绍了关于html frame标签的介绍,有frame标签的定义及属性介绍,还有重要的html iframe标签的使用方法介绍。让我们一起来看这篇文章吧

我们首先来看看这篇文章的定义:

标签定义 frameset 中的一个特定的窗口(框架)。

frameset 中的每个框架都可以设置不同的属性,比如 border、scrolling、noresize 等等。

注释:如果您希望验证包含框架的页面,请确保doctype被设置为"Frameset DTD"。阅读更多有关DOCTYPE的内容。

立即学习前端免费学习笔记(深入)”;

重要事项:您不能与

标签一起使用标签。不过,如果您需要为不支持框架的浏览器添加一个标签,请务必将此标签放置在标签中!<p><strong>再来看看属性的介绍:</strong></p> <p><img src="https://img.php.cn//upload/image/395/152/143/1535613295787655.png" title="1535613295787655.png" alt="tuyi.png"></p> <p><strong>说说HTML iframe标签的用法:</strong></p> <p>iframe是框架的一种形式,也比较常用到,下面是对其在平时常用到属性的总结</p> <p>下面是一个常规的案例:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">&lt;iframe border=2 frameborder=0 width=500 height=500 marginheight=0 marginwidth=0 scrolling=no src=&quot;move-ad.html&quot;&gt; &lt;/iframe&gt;</pre><div class="contentsignin">登录后复制</div></div><p><strong>HTML iframe标签的案例解释:</strong></p> <p>iframe用于设置文本或图形的浮动图文框或容器。 </p> <p>border设定围绕图文框的边缘宽度 </p> <p>    其中还有快读高度的设计</p> <p>scrolling=no是否有滚动条(YES,NO,AUTO) </p> <p>src指定IFRAME调用的文件或图片(HTML,HTM,GIF,JPEG,JPG,PNG,TXT,*.*) </p> <p><strong>HTML iframe标记的用法介绍:</strong></p> <p>提起iframe,可能你早已将之扔到“被遗忘的角落”了,不过,说起其兄弟Frame就不会陌生了。frame标记即帧标记,我们所说的多帧结构就是在一个浏览器窗口中显示多个HTML文件。现在,我们遇到一种很现实的情况:如有一个教程,是一节一节地上,每页末尾做一个“上一节“、“下一节“的链接,除了每节教程内容不同之外,页面其它部分内容都是相同的,如果一页一页地做笨页面,这似乎太让人厌烦了,这时突发奇想,如果有一种方法让页面其它地方不变,只将教程做成一页一页的内容页,不含其它内容,在点击上下翻页链接时,只改变教程内容部分,其它保持不变,这样,一是省时,另则以后如教程有个三长两短的变动,也很方便,不致于牵一发而动全军了;更重要的是将那些广告banner、栏目列表、导航等几乎每页的都有的东西只下载一次后就不再下载了。iframe标记,又叫浮动帧标记,你可以用它将一个HTML文档嵌入在一个HTML中显示。它不同于Frame标记最大的特征即这个标记所引用的 HTML文件不是与另外的HTML文件相互独立显示,而是可以直接嵌入在一个HTML文件中,与这个HTML文件内容相互融合,成为一个整体,另外,还可以多次在一个页面内显示同一内容,而不必重复写内容,一个形象的比喻即“画中画“电视。</p> <p><strong>iframe标记的使用格式是: </strong></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">&lt;iframe src=&quot;URL&quot; width=&quot;x&quot; height=&quot;x&quot; scrolling=&quot;[option]&quot; frameborder=&quot;x&quot;&gt;&lt;/iframe&gt;</pre><div class="contentsignin">登录后复制</div></div><p>src:文件的路径,既可是HTML文件,也可以是文本、ASP等; </p> <p>width、height:"画中画"区域的宽与高; </p> <p>scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;如为Auto:则自动出现滚动条;如为Yes,则显示; </p> <p>FrameBorder:区域边框的宽度,为了让“画中画“与邻近的内容相融合,常设置为0。 比如: </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false">&lt;Iframe src=&quot;http://www.php.cn&quot;;; width=&quot;250&quot; height=&quot;200&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;</pre><div class="contentsignin">登录后复制</div></div><p>显示的效果如图:</p> <p><img src="https://img.php.cn//upload/image/754/285/666/1535613482285845.png" title="1535613482285845.png" alt="tuer.png"></p> <p>以上就是本篇文章的全部内容介绍了HTML frame标签的使用方法。有问题的可以在下方提问。</p> <p>【小编推荐】</p> <p><a href="http://www.php.cn/html5-tutorial-409228.html" target="_blank">html5 header标签是什么意思?html5 header标签的用法详解(附实例)</a><br></p> <p><a href="http://www.php.cn/div-tutorial-409226.html" target="_blank">html p标签是单标签吗?html p标签的使用方法介绍(内附实例)</a><br></p>

以上就是html frame标签怎么使用?frame标签的用法介绍(附实例)的详细内容,更多请关注php中文网其它相关文章!

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
相关标签:
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号