0

0

HTML frame标签怎么用?frame标签的具体使用实例

寻∝梦

寻∝梦

发布时间:2018-08-28 17:48:52

|

4008人浏览过

|

来源于php中文网

原创

本篇文章主要为大家讲述的是关于html frame标签的用法,还有关于frame标签中的属性介绍。还有关于frame标签的使用实例,下面就让我们一起来看看这篇文章吧

首先我们先看看HTML frame标签的用法:

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

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

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

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

提示:您不能与

标签一起使用标签。不过,如果您需要为不支持框架的浏览器添加一个标签,请务必将此标签放置在标签中!<p><frame>标签定义frameset中的一个特定的窗口(框架)。</p> <p>frameset中的每个框架都可以设置不同的属性,比如border、scrolling、noresize等等。</p> <p><strong>来看看这个关于frame标签的使用实例:</strong></p><pre class="brush:html;toolbar:false"><html> <frameset cols="25%,50%,25%"> <frame src="frame_a.htm" /> <frame src="frame_b.htm" /> <frame src="frame_c.htm" /> </frameset> </html></pre><p>因为frame_a(b、c)的页面都没建立,所以就不显示实例,大家都知道怎么用就好,</p> <p><strong>看看frame标签中的属性的里面可以调的属性:</strong></p> <ul class=" list-paddingleft-2" style="list-style-type: disc;"> <li><p>frameborder  规定是否显示框架周围的边框。</p></li> <li><p>longdesc URL 规定一个包含有关框架内容的长描述的页面。 </p></li> <li><p>marginheight pixels 定义框架的上方和下方的边距。 </p></li> <li><p>marginwidth pixels 定义框架的左侧和右侧的边距。 </p><div class="aritcle_card flexRow"> <div class="artcardd flexRow"> <a class="aritcle_card_img" href="/ai/2069" title="稿定AI绘图"><img src="https://img.php.cn/upload/ai_manual/000/000/000/175680133014200.png" alt="稿定AI绘图"></a> <div class="aritcle_card_info flexColumn"> <a href="/ai/2069" title="稿定AI绘图">稿定AI绘图</a> <p>稿定推出的AI绘画工具</p> </div> <a href="/ai/2069" title="稿定AI绘图" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div></li> <li><p>name name 规定框架的名称。 </p></li> <li><p>noresize noresize 规定无法调整框架的大小。</p></li> <li><p>scrolling yes no auto 规定是否在框架中显示滚动条。 </p></li> <li><p>src URL 规定在框架中显示的文档的URL</p></li> </ul> <p><strong><frame>标签标准属性</strong></p> <ul class=" list-paddingleft-2" style="list-style-type: disc;"> <li><p>class:元素的类名(值:classname)。</p></li> <li><p>id:元素的唯一 id(值:id)。</p></li> <li><p>style :元素的行内样式(值:style_definition)。</p></li> <li><p>title:元素的额外信息(值:text)。</p></li> </ul> <p><strong>再来一个使用HTML frame标签的实例详情:</strong><strong><br></strong></p><pre class="brush:html;toolbar:false"><span style="font-size:18px;"><frameset cols="10%,*" frameborder="no" > <frame src="jsp/Left.jsp" name="Left"></frame> <frame src="jsp/Right.jsp" name="Right" id="Right"></frame> </frameset></span></pre><p>上文代码解释:frameset中可以设置框架样式。如果需要一个页面跳转到另一个页面那么建议使用<a>标签的target属性,target属性值等于要跳转的frame框架页的name。</a></p> <p>【小编推荐】</p> <p><a href="http://www.php.cn/div-tutorial-409122.html" target="_blank">HTML中的base标签如何写相对路径?(内附使用介绍)</a><br></p> <p><a href="http://www.php.cn/div-tutorial-409121.html" target="_blank">HTML img标签的src属性的用法是什么?具体使用方法解析(内附实例)</a><br></p>

相关文章

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

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

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
php源码安装教程大全
php源码安装教程大全

本专题整合了php源码安装教程,阅读专题下面的文章了解更多详细内容。

3

2025.12.31

php网站源码教程大全
php网站源码教程大全

本专题整合了php网站源码相关教程,阅读专题下面的文章了解更多详细内容。

1

2025.12.31

视频文件格式
视频文件格式

本专题整合了视频文件格式相关内容,阅读专题下面的文章了解更多详细内容。

5

2025.12.31

不受国内限制的浏览器大全
不受国内限制的浏览器大全

想找真正自由、无限制的上网体验?本合集精选2025年最开放、隐私强、访问无阻的浏览器App,涵盖Tor、Brave、Via、X浏览器、Mullvad等高自由度工具。支持自定义搜索引擎、广告拦截、隐身模式及全球网站无障碍访问,部分更具备防追踪、去谷歌化、双内核切换等高级功能。无论日常浏览、隐私保护还是突破地域限制,总有一款适合你!

7

2025.12.31

出现404解决方法大全
出现404解决方法大全

本专题整合了404错误解决方法大全,阅读专题下面的文章了解更多详细内容。

30

2025.12.31

html5怎么播放视频
html5怎么播放视频

想让网页流畅播放视频?本合集详解HTML5视频播放核心方法!涵盖<video>标签基础用法、多格式兼容(MP4/WebM/OGV)、自定义播放控件、响应式适配及常见浏览器兼容问题解决方案。无需插件,纯前端实现高清视频嵌入,助你快速打造现代化网页视频体验。

3

2025.12.31

关闭win10系统自动更新教程大全
关闭win10系统自动更新教程大全

本专题整合了关闭win10系统自动更新教程大全,阅读专题下面的文章了解更多详细内容。

2

2025.12.31

阻止电脑自动安装软件教程
阻止电脑自动安装软件教程

本专题整合了阻止电脑自动安装软件教程,阅读专题下面的文章了解更多详细教程。

3

2025.12.31

html5怎么使用
html5怎么使用

想快速上手HTML5开发?本合集为你整理最实用的HTML5使用指南!涵盖HTML5基础语法、主流框架(如Bootstrap、Vue、React)集成方法,以及无需安装、直接在线编辑运行的平台推荐(如CodePen、JSFiddle)。无论你是新手还是进阶开发者,都能轻松掌握HTML5网页制作、响应式布局与交互功能开发,零配置开启高效前端编程之旅!

2

2025.12.31

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.7万人学习

AngularJS教程
AngularJS教程

共24课时 | 2.2万人学习

CSS教程
CSS教程

共754课时 | 17.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

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