创造未来体验
你可能使用过我们设计的产品与服务

网站建设之初识HTML标签-*frameset行列标签

2018-11-21 

!frameset 标签 -- 代替body标签定义了框架页,并且定义了框架将分为多少行与多少列 
------------------------------------------------------------------------------------
    1. frameset 标签常用属性:  
  *cols -- 定义了框架含有多少列与列的大小(每个值使用逗号分隔),
   取值为象素px或者百分比
  *rows -- 定义了框架含有多少行与行的大小(每个值使用逗号分隔),
   取值为象素px或者百分比
  *border -- 定义frame定义的框架页的边框(单位像素),使用css实现
  frameborder -- 定义框架页是否边框(此属性应写在frame标签内部,不应在此出现) 
  framespacing -- 定义框架页之间间隔的距离,使用css实现
   
 2. </span><span class="s1" style="font-size:14px;">标签</span><br /> <span style="font-size:14px;">   </span><span class="s1" style="font-size:14px;">可为那些不支持框架的浏览器显示文本,和</span><span style="font-size:14px;"><body></span><span class="s1" style="font-size:14px;">组合使用</span><br /> <span style="font-size:14px;">   </span><span class="s1" style="font-size:14px;">可以做为浏览器不支持</span><span style="font-size:14px;">iframe</span><span class="s1" style="font-size:14px;">标签时显示</span><span style="font-size:14px;"> </span><br /> <span style="font-size:14px;">   </span><br /> <span style="font-size:14px;">     3 *<iframe></span><span class="s1" style="font-size:14px;">标签</span><br /> <span style="font-size:14px;">   </span><span class="s1" style="font-size:14px;">创建一个包含另外一个文档的内联框架,</span><span style="font-size:14px;">iframe</span><span class="s1" style="font-size:14px;">标签内的内容。</span> </p> <p class="p1"> <span style="font-size:14px;">    4. frame</span><span class="s1" style="font-size:14px;">标签</span><span style="font-size:14px;"> -- </span><span class="s1" style="font-size:14px;">定义</span><span style="font-size:14px;">frameset</span><span class="s1" style="font-size:14px;">标签中每个框架页的内容</span><span style="font-size:14px;"> </span><br /> <span style="font-size:14px;">   frame</span><span class="s1" style="font-size:14px;">标签是单独出现的,</span><span style="font-size:14px;"><frame /> </span><br /> <span style="font-size:14px;">   </span><span class="s1" style="font-size:14px;">常用属性</span><span style="font-size:14px;">: </span><br /> <span style="font-size:14px;">     frameborder -- </span><span class="s1" style="font-size:14px;">定义了内容页的边框,取值为(</span><span style="font-size:14px;">1|0</span><span class="s1" style="font-size:14px;">),缺省值为</span><span style="font-size:14px;">1 </span><br /> <span style="font-size:14px;">    1 -- </span><span class="s1" style="font-size:14px;">在每个页面之间都显示边框</span><span style="font-size:14px;"> </span><br /> <span style="font-size:14px;">    0 -- </span><span class="s1" style="font-size:14px;">不显示边框</span><span style="font-size:14px;"> </span><br /> <span style="font-size:14px;">     *name -- </span><span class="s1" style="font-size:14px;">在一个框架页链接到另一框架页时使用(另一个框架页可以使用</span><span style="font-size:14px;">target</span><span class="s1" style="font-size:14px;">定义链接页)</span><span style="font-size:14px;"> </span><br /> <span style="font-size:14px;">     noresize -- </span><span class="s1" style="font-size:14px;">定义了浏览者是否可以通过拖拽改变框架页尺寸,取值为(</span><span style="font-size:14px;">noresize</span><span class="s1" style="font-size:14px;">)</span><span style="font-size:14px;"> </span><br /> <span style="font-size:14px;">     scrolling -- </span><span class="s1" style="font-size:14px;">定义是否有滚动条,取值为(</span><span style="font-size:14px;">yes|no|auto</span><span class="s1" style="font-size:14px;">),缺省值为</span><span style="font-size:14px;">auto </span><br /> <span style="font-size:14px;">    yes -- </span><span class="s1" style="font-size:14px;">显示滚动条</span><span style="font-size:14px;"> </span><br /> <span style="font-size:14px;">    no -- </span><span class="s1" style="font-size:14px;">不显示滚动条</span><span style="font-size:14px;"> </span><br /> <span style="font-size:14px;">    auto -- </span><span class="s1" style="font-size:14px;">当需要时再显示滚动条</span><span style="font-size:14px;"> </span><br /> <span style="font-size:14px;">     *src -- </span><span class="s1" style="font-size:14px;">定义了内容页</span><span style="font-size:14px;">URL</span><br /> <span style="font-size:14px;">     border – </span><span class="s1" style="font-size:14px;">设置边框粗细</span><span style="font-size:14px;"> </span> </p> </div> <div style="text-align: center; margin-top: 50px; margin-bottom: 30px; color: #777777""> <img src="/./Application/Common/Publicys/img/erw.jpg"><p>扫码关注三张网</p></div> <div style="text-align: center; color: #777777"> <p> 我们通过用户调研、市场调研、客户及竞品深入研究与精确分析,从全局进行优化体验,以传达品牌价值,努力从各个维度连接消费者与品牌。为客户创造能够打动消费者的体验。</p> <p>TAG:品牌体验策略咨询;数字化产品体验设计;产品与服务体验;创新空间体验;</p> </div> </div> </div> </div> </div> <div class="clearfix full-foooter"> <!-- 客服 --> <div class="suspension"> <div class="suspension-box"> <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=2061704040&amp;site=qq&amp;menu=yes" class="a a-service "><i class="i"><img src="/./Application/Common/Publicys/img/qq.png" width="30"/></i></a> <a href="javascript:;" class="a a-service-phone "><i class="i"><img src="/./Application/Common/Publicys/img/dh.png" width="30"/></i></a> <a href="javascript:;" class="a a-qrcode"><i class="i"><img src="/./Application/Common/Publicys/img/wxa.png" width="30"/></i></a> <a href="javascript:;" class="a a-top"><i class="i"><img src="/./Application/Common/Publicys/img/fh.png" width="30"/></i></a> <div class="d d-service"> <i class="arrow"></i> <div class="inner-box"> <div class="d-service-item clearfix"> <a href="#" class="clearfix"><span class="circle"><i class="i-qq"><img src="/./Application/Common/Publicys/img/qqa.png" width="40"/></i></span><h3>咨询在线客服</h3></a> </div> </div> </div> <div class="d d-service-phone"> <i class="arrow"></i> <div class="inner-box"> <div class="d-service-item clearfix"> <span class="circle"><i class="i-tel"><img src="/./Application/Common/Publicys/img/dha.png" width="30"/></i></span> <div class="text"> <p>服务热线</p> <p class="red number">18934371894</p> </div> </div> <div class="d-service-intro clearfix"> <p><i></i>功能和特性</p> <p><i></i>价格和优惠</p> <p><i></i>获取内部资料</p> </div> </div> </div> <div class="d d-qrcode"> <i class="arrow"></i> <div class="inner-box"> <div class="qrcode-img"><img src="/./Application/Common/Publicys/img/erw.png" alt=""></div> <p>微信服务号</p> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ /* ----- 侧边悬浮 ---- */ $(document).on("mouseenter", ".suspension .a", function(){ var _this = $(this); var s = $(".suspension"); var isService = _this.hasClass("a-service"); var isServicePhone = _this.hasClass("a-service-phone"); var isQrcode = _this.hasClass("a-qrcode"); if(isService){ s.find(".d-service").show().siblings(".d").hide();} if(isServicePhone){ s.find(".d-service-phone").show().siblings(".d").hide();} if(isQrcode){ s.find(".d-qrcode").show().siblings(".d").hide();} }); $(document).on("mouseleave", ".suspension, .suspension .a-top", function(){ $(".suspension").find(".d").hide(); }); $(document).on("mouseenter", ".suspension .a-top", function(){ $(".suspension").find(".d").hide(); }); $(document).on("click", ".suspension .a-top", function(){ $("html,body").animate({scrollTop: 0}); }); $(window).scroll(function(){ var st = $(document).scrollTop(); var $top = $(".suspension .a-top"); if(st > 400){ $top.css({display: 'block'}); }else{ if ($top.is(":visible")) { $top.hide(); } } }); }); </script> <!-- 客服end --> <div style="clear: both;"></div> <footer class="footer " style=" margin-top: 50px"> <div class="container"> <div class="xiant"> <div class="fotera navbar-left"> <h4> 合作机会 </h4> <p>即刻与我们取得联系,成为日后肩并肩合作的伙伴。</p> </div> <div class="fotera_iput navbar-right"><a href="/san/shenqing/index.html"><b>在线提交需求</b></a></div> </div> <div style="clear: both;"></div> <div class="row puhangju" > <div class="col-sm-6 col-md-4 col-md-3"> <div> <div class="navbar-left class_w" style="width: 28px" ><img src="/./Application/Common/Publicys/img/dit.png" width="28"></div> <div class="navbar-left twext_fo"> 佛山市南海区桂城街道南平西路侧广东夏西国际橡塑城二期6号城市动力联盟大楼西区403A之二</div> </div> </div> <div class="col-sm-6 col-md-4 col-md-3"> <div class="navbar-left"><img src="/./Application/Common/Publicys/img/dianhua.png"></div> <div class="navbar-left twext_fo">+86 18934371894<br/> +86 757-632 98765</div> </div> <div class="col-sm-6 col-md-4 col-md-3"> <div class="navbar-left"><img src="/./Application/Common/Publicys/img/em.png"></div> <div class="navbar-left twext_fo">2061704040@qq.com<br/> thank-770364792@qq.com</div> </div> <div class="col-sm-6 col-md-4 col-md-3"> <div class="navbar-right puye"><img src="/./Application/Common/Publicys/img/w.png"></div> <div class="navbar-right puye"><img src="/./Application/Common/Publicys/img/x.png"></div> <div class="navbar-right puye"><img src="/./Application/Common/Publicys/img/q.png"></div> </div> </div> </div> </div> </footer> <div class=" footer-bottom"> <ul class="list-inline text-center"> <li>Copyright © 2018 sanzhangwang.com All Rights Reserved</li><li><a href="https://beian.miit.gov.cn/" target="_blank">广东云端网络科技有限公司版权所有 粤ICP备18078888号</a></li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script> </div> </div> <div class="clearfix hook hook-page-footer"> <!-- 文档末尾钩子 --> </div> <div class="clearfix full-script"> <div class="container-fluid"> <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1274705545'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D1274705545%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script> <!-- 站点统计代码 --> </div> </div> </body> </html>