技术文章 >web前端 >html教程

HTML框架标签 - zhongJaywang

2016-05-20 13:49:10原创

与HTML框架有关的标签主要有三种：

框架结构标签
框架标签
</code>内联框架标签</li> </ol> <p>一、先来说第一种框架结构标签 <code><frameset></code>，其主要属性是rows和cols，使用如下：</p> <div class="cnblogs_code"> <pre class="brush:php;toolbar:false"><span style="color: #0000ff;"><</span><span style="color: #800000;">html</span><span style="color: #0000ff;">></span> <span style="color: #0000ff;"><</span><span style="color: #800000;">frameset </span><span style="color: #ff0000;">cols</span><span style="color: #0000ff;">="25%,50%,25%"</span><span style="color: #0000ff;">></span> <span style="color: #0000ff;"><</span><span style="color: #800000;">frame </span><span style="color: #ff0000;">src</span><span style="color: #0000ff;">="frame_a.htm"</span> <span style="color: #0000ff;">/></span> <span style="color: #0000ff;"><</span><span style="color: #800000;">frame </span><span style="color: #ff0000;">src</span><span style="color: #0000ff;">="frame_b.htm"</span> <span style="color: #0000ff;">/></span> <span style="color: #0000ff;"><</span><span style="color: #800000;">frame </span><span style="color: #ff0000;">src</span><span style="color: #0000ff;">="frame_c.htm"</span> <span style="color: #0000ff;">/></span> <span style="color: #0000ff;"></</span><span style="color: #800000;">frameset</span><span style="color: #0000ff;">></span> <span style="color: #0000ff;"></</span><span style="color: #800000;">html</span><span style="color: #0000ff;">></span></pre> </div> <p><strong>重要的提示</strong>： <br />不能将 <code><body></body></code> 标签与<code><frameset></frameset></code> 标签同时使用！不过，假如你添加包含一段文本的<code><noframes></code> 标签，就必须将这段文字嵌套于<code><body></body></code>标签内。</p> <p>二、<code><frame></code>标签定义 frameset 中的一个特定的窗口（框架）。其常用的属性如下：</p> <ol> <li>frameborder，规定是否显示框架周围的边框。值：0/1；</li> <li>name，规定框架的名称。值：name；</li> <li>noresize，规定无法调整框架的大小。值：noresize；</li> <li>scrolling，规定是否在框架中显示滚动条。值：yes/no/auto；</li> <li>src，规定在框架中显示的文档的 URL。值：URL；</li> <li>marginheight，定义框架的上方和下方的边距。</li> <li>marginwidth，定义框架的左侧和右侧的边距。</li> <li>longdesc，规定一个包含有关框架内容的长描述的页面。（由于浏览器对 longdesc 属性的支持性非常差，没有必要使用该属性。）</li> </ol> <p>三、内联框架<code><iframe></code>用于在网页内显示网页</p> <div class="cnblogs_code"> <pre class="brush:php;toolbar:false"><span style="color: #0000ff;"><</span><span style="color: #800000;">iframe </span><span style="color: #ff0000;">src</span><span style="color: #0000ff;">="URL"</span><span style="color: #0000ff;">></</span><span style="color: #800000;">iframe</span><span style="color: #0000ff;">></span></pre> </div> <p> </p></div><div id="MySignature"></div> <div class="clear"></div><div class='bg-white layui-clear' style="margin:15px 0;"><span style="color:red;">声明：</span>本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。</div><div class='tags bg-white layui-clear pt-5'><span>专题推荐：</span><a href="//m.sbmmt.com/m/search?word=html框架标签-zhongjaywang" target="_blank">HTML框架标签 - zhongJaywang</a></div><div><span style="display:inline-block; width: 100%; margin-top: 10px;"> 上一篇：<a style="color: #00AEEF;" href="//m.sbmmt.com/m/article/42381.html">[翻译]Gulp.js简介 - 脚后跟着猫</a></span><span style="display:inline-block; width: 100%"> 下一篇：<a style="color: #00AEEF;" href="//m.sbmmt.com/m/article/42383.html">html5中 canvas标签中 2d上下文 globalCompositeOperation属性 - MythMan</a></span></div></article></div><div class='course-list bg-white layui-clear mt-10'><h4>相关文章推荐</h4><a href='//m.sbmmt.com/m/article/487962.html' title="html下拉菜单文字怎么变小" class='alist'>• html下拉菜单文字怎么变小</a><a href='//m.sbmmt.com/m/article/487960.html' title="HTML里怎么设置thead表头的颜色" class='alist'>• HTML里怎么设置thead表头的颜色</a><a href='//m.sbmmt.com/m/article/487987.html' title="html中怎么清除li黑点" class='alist'>• html中怎么清除li黑点</a><a href='//m.sbmmt.com/m/article/487959.html' title="html的name和value是什么意思" class='alist'>• html的name和value是什么意思</a><a href='//m.sbmmt.com/m/article/487699.html' title="html5怎么创建跳转页尾超链接" class='alist'>• html5怎么创建跳转页尾超链接</a></div><div class='course-list bg-white layui-clear mt-10'><ul ><h4>相关课程推荐</h4><li class='layui-clear' style="padding-left: 0px;"><a href="//m.sbmmt.com/m/course/179.html" class="course-arctic-img"><img src='//m.sbmmt.com/img/upload/course/000/000/003/5a17982d48686254.jpg' height="100%"></a><div class='course-intro' style="margin-left: 0px;"><h2><a href="//m.sbmmt.com/m/course/179.html">javascript初级视频教程</a></h2><p class='course-intro-info'>《javascript初级视频教程》是JavaScript的入门课程，旨在让大家认识，了解JavaScript的常见概念</p><p><a href="//m.sbmmt.com/m/course/list/17.html"><span class='level'>JavaScript教程</span></a><span class='count'>78861次播放</span></p></div></li><hr><li class='layui-clear' style="padding-left: 0px;"><a href="//m.sbmmt.com/m/course/181.html" class="course-arctic-img"><img src='//m.sbmmt.com/img/upload/course/000/000/003/5a179283c3885703.jpg' height="100%"></a><div class='course-intro' style="margin-left: 0px;"><h2><a href="//m.sbmmt.com/m/course/181.html">jquery 基础视频教程</a></h2><p class='course-intro-info'>jQuery 很容易学习，希望通过我们的《jquery 基础视频教程》可以帮助大家来更好的学习jQuery。 jQuery 是一个 JavaScript 库，简化了 JavaScript 编程。</p><p><a href="//m.sbmmt.com/m/course/list/19.html"><span class='level'>jQuery教程</span></a><span class='count'>49335次播放</span></p></div></li><hr><li class='layui-clear' style="padding-left: 0px;"><a href="//m.sbmmt.com/m/course/198.html" class="course-arctic-img"><img src='//m.sbmmt.com/img/upload/course/000/000/003/5a169239acf9a131.jpg' height="100%"></a><div class='course-intro' style="margin-left: 0px;"><h2><a href="//m.sbmmt.com/m/course/198.html">javascript三级联动视频教程</a></h2><p class='course-intro-info'>《javascript三级联动视频教程》介绍了javascript开发的三级联动功能，该功能在日常使用中还是经常能用的到的一个。</p><p><a href="//m.sbmmt.com/m/course/list/17.html"><span class='level'>JavaScript教程</span></a><span class='count'>29156次播放</span></p></div></li><hr><li class='layui-clear' style="padding-left: 0px;"><a href="//m.sbmmt.com/m/course/386.html" class="course-arctic-img"><img src='//m.sbmmt.com/img/upload/course/000/000/001/5d1c6df423564706.jpg' height="100%"></a><div class='course-intro' style="margin-left: 0px;"><h2><a href="//m.sbmmt.com/m/course/386.html">独孤九贱(3)_JavaScript视频教程</a></h2><p class='course-intro-info'>javascript是运行在浏览器上的脚本语言，连续多年，被评为全球最受欢迎的编程语言。是前端开发必备三大法器中，最具杀伤力。如果前端开发是降龙十八掌，好么javascript就是第18掌：亢龙有悔。没有它，你的前端生涯是不完整的。《php.cn独孤九贱（3）－JavaScript视频教程》课程特色：php中文网原创幽默段子系列课程，以恶搞，段子为主题风格的php视频教程！轻松的教学风格，简短的教学模式，让同学们在不知不觉中，学会了javascript知识。</p><p><a href="//m.sbmmt.com/m/course/list/17.html"><span class='level'>JavaScript教程</span></a><span class='count'>117451次播放</span></p></div></li><hr><li class='layui-clear' style="padding-left: 0px;"><a href="//m.sbmmt.com/m/course/582.html" class="course-arctic-img"><img src='//m.sbmmt.com/img/upload/course/000/000/001/5d1c6e0d2b744633.jpg' height="100%"></a><div class='course-intro' style="margin-left: 0px;"><h2><a href="//m.sbmmt.com/m/course/582.html">独孤九贱(6)_jQuery视频教程</a></h2><p class='course-intro-info'>jQuery是一个快速、简洁的JavaScript框架。设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等,是全球最流行的前端开发框架之一。PHP中文网根据最新版本,独家录制jQuery最新视频教程,回馈PHP中文网的新老用户。</p><p><a href="//m.sbmmt.com/m/course/list/19.html"><span class='level'>jQuery教程</span></a><span class='count'>96962次播放</span></p></div></li><hr></ul></div><div class='discuss layui-clear bg-white'><h3>全部评论<span id='discuss-article'>我要评论</span></h3></div><div class='discuss-submit bg-white' url="//m.m.sbmmt.com/"><li class='info layui-clear'><span class='f-left' id='discuss-submit-close'>取消</span><span class='f-left'>发布评论</span><span class='f-right article-reply-publish' id="42382">发送</span></li><li class='layui-clear'><textarea type='text' rows="6" placeholder="请输入要评论的内容" class="article-reply-content-text"></textarea></li><li class='layui-clear'><button class="layui-btn layui-btn-danger f-right article-reply-publish-button">发布</button></li></div><div class='lock-screen' id='lock-screen'></div><div class='popimg-setting'><div>1/1</div><img src="" width='100%'></div><script src="//m.sbmmt.com/m/static/ueditor/third-party/SyntaxHighlighter/shCore.js"></script><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><footer><a href='//m.sbmmt.com/m/' ><i class='layui-icon layui-icon-home '></i>首页</a><a href='//m.sbmmt.com/m/course.html' ><i class='layui-icon layui-icon-play'></i>视频</a><a href='//m.sbmmt.com/m/app/'><img src="//m.sbmmt.com/img/upload/article/000/000/003/6108e2ad07387877.png" style="width:20px;height:20px;" /><div style="margin-top:-5px;">下载</div></a><a href='//m.sbmmt.com/m/wenda.html' ><i class='layui-icon layui-icon-code-circle'></i>社区</a><a href='//m.sbmmt.com/m/login' ><i class='layui-icon layui-icon-username'></i>我的</a></footer><div class="headerMask"></div><div class="right_menu"><div class="right_menu_con"><h2 class="hjclass-txt"><i class="layui-icon layui-icon-shrink-right hjclass-txt-i"></i>PHP中文网</h2><div class="menu-list"><a href="//m.sbmmt.com/m/"><span class="item-icon item-1"><img src="//m.sbmmt.com/img/upload/article/000/000/003/5bffb65f99ae2304.png" alt="首页"></span> 首页</a><a href="//m.sbmmt.com/m/course.html"><span class="item-icon item-7"><img src="//m.sbmmt.com/img/upload/article/000/000/003/5bffb82bd09ad628.png" alt="课程"></span> 课程</a><a href="//m.sbmmt.com/m/article.html"><span class="item-icon item-4"><img src="//m.sbmmt.com/img/upload/article/000/000/003/5bffb7e111b3b425.png" alt="文章"></i></span>文章</a><a href="//m.sbmmt.com/m/wenda.html"><span class="item-icon item-2"><img src="//m.sbmmt.com/img/upload/article/000/000/003/5bffb83f04e24328.png" alt="问答"></span> 问答</a><a href="//m.sbmmt.com/m/blog.html"><span class="item-icon item-0"><img src="//m.sbmmt.com/m/static/images/ico/blog.png" alt="博客"></span>博客</a><a href="//m.sbmmt.com/m/dic.html"><span class="item-icon item-9"><img src="//m.sbmmt.com/img/upload/article/000/000/003/5bffb85047b25758.png" alt="词典"></span> 词典</a><a href="//m.sbmmt.com/m/course/type/99.html"><span class="item-icon item-3"><img src="//m.sbmmt.com/img/upload/article/000/000/003/5bffb8736ea90300.png" alt="手册"></span> 手册</a><a href="//m.sbmmt.com/m/xiazai/"><span class="item-icon item-5"><img src="//m.sbmmt.com/m/static/images/ico/resources.png" alt="资源"></span> 资源</a><a href="//m.sbmmt.com/m/search"><span class="item-icon item-6"><img src="//m.sbmmt.com/img/upload/article/000/000/003/5bffb880b460a204.png" alt="搜索"></span> 搜索</a><a href="//m.sbmmt.com/m/app/"><span class="item-icon item-6"><img src="//m.sbmmt.com/img/upload/article/000/000/003/608bbfa30d9cc398.png" style="width:35px;height:35px;" alt="APP下载"></span> APP下载</a></div></div></div><script>isLogin = 0;</script><script type="text/javascript" src="//m.sbmmt.com/m/static/js/jquery.min.js"></script><script type="text/javascript" src="//m.sbmmt.com/m/static/layui/layui.js"></script><script type="text/javascript" src="//m.sbmmt.com/m/static/js/global.js?4.9.47"></script><script>(function () {var bp = document.createElement('script');var curProtocol = window.location.protocol.split(':')[0];if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';} else {bp.src = 'http://push.zhanzhang.baidu.com/push.js';}var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(bp, s);})();var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "https://m.sbmmt.com/hm.js?43f47cabf6856204df6d083dd89ae407";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();</script><link rel='stylesheet' id='_main-css' href='//m.sbmmt.com/m/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='//m.sbmmt.com/m/static/js/viewer.min.js?1'></script><script type='text/javascript' src='//m.sbmmt.com/m/static/js/jquery-viewer.min.js'></script><script>$('article').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}});</script><script type="application/ld+json">{"@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld","@id": "//m.m.sbmmt.com/article/42382.html","appid": "1549852514326010","title": "HTML框架标签 - zhongJaywang","images": [""],"description": "HTML框架标签 - zhongJaywang","pubDate": "2016-05-20T13:49:10","data": {"WebPage": {"headline": "HTML框架标签 - zhongJaywang","wapUrl": "//m.m.sbmmt.com/article/42382.html","pcUrl": "//m.sbmmt.com/m/div-tutorial-42382.html","fromSrc": "php中文网","domain": "电子科技","category": ["问答"],"isDeleted": 0},"Question": [{"acceptedAnswer":"HTML框架标签 - zhongJaywang"}],"ImageObject": [{"contentUrl": "","scale": "5:2"}],"Author": [{"name": "php中文网","jobTitle": ["php公益学习平台"],"headPortrait": "https://img.php.cn/upload/article/000/000/003/5d1b23156bf94358.png"}]}}</script><script>$('.selectButton').hide();</script></body></html>