快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

怎么用HTML框架-创新互联

怎么用HTML框架?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

10年积累的成都网站制作、成都网站设计、外贸营销网站建设经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先做网站后付款的网站建设流程,更有安吉免费网站建设让你可以放心的选择与我们合作。

一、框架

一个浏览器文档窗口只能显示一个网页文件,但是可以通过使用框架,在同一个浏览器窗口中显示不止一个页面。使用框架的页面主要包含两个部分,一个是框架集,另一个就是具体的框架文件。

框架多用于网站后台或者内网系统的布局。

1.框架集():就是用来定义这一HTML文件为框架模式,并设定视窗如何分割的文件。通俗一点地说,框架集就是存放框架结构的文件,也是访问框架文件的入口文件。如果网页由左右二个框架组成,那么除了左右二个网页文件之外,还有一个总的框架集文件。在使用框架的页面中,主体标记被框架标记所代替。而对于框架页面中包含的每一个框架,都是通过标记来定义的。

rows属性:水平分割窗口。水平分割窗口是将页面沿水平方向切割,也就是将页面分成上下排列的多个窗口。rows中可以取多个值,每个值表示一个框架窗口的水平宽度,它的单位可以是像素,也可以是占浏览器的百分比。但是要注意的是,一般设定了几个rows的值,就需要有几个框架,也就是需要有相应数量的参数。

  
  
  
  
  水平分割窗口的效果
  
  
  
 
 
     
 
     
 
 
 
 

cols属性:垂直分割窗口。垂直分割窗口就是将页面沿垂直方向分割成多个窗口,也就是将页面分成左右排列的多个窗口。cols中可以取多个值,每个值表示一个框架窗口的水平宽度,它的单位可以是像素,也可以是占浏览器的百分比。与水平分割窗口向同,一般设定了几个cols的值,就需要有几个框架,也就是有几个参数。

  
  
  
  
  垂直分割窗口的效果
  
  
  

 
     
 
     
 
     
 
 
 
 

frameborder属性:设置边框。在默认情况下,框架窗口的四周有一条边框线,通过frameborder参数可以调整边框线的显示情况。语法为:

或者。 frameborder的取值只能为0或1。如果取值为0,那么边框线将会被隐藏;如果取值为1,边框线将会显示。在frameset中设置将会对整个框架有效,在frame中设置则只对当前这个框架有效。

  
  
  
  
  设置框架窗口的边框显示效果
  
  
  
  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

framespacing属性:框架的边框宽度。框架的边框宽度在默认情况下是1像素,通过参数framespacing可以调整其大小。

语法:

说明:边框宽度就是在页面中各个边框之间的线条宽度,以像素为单位。而这一参数只能对框架集使用,对单个框架无效。

  
  
  
  
  设置框架的边框宽度
  
  
  
 
     
 
       
 
         
 
         
 
         
 
       
 
 
 
 

bordercolor属性:框架的边框颜色。使用参数bordercolor可以设置框架集的边框颜色。

语法:

说明:该参数同样只对整个框架集有效,对于单个框架无效。

  
  
  
  
  设置框架的边框颜色
  
  
  
 
 
     
 
      
 
         
 
         
 
         
 
       
 
 
 
 

2.框架()和src属性。

框架结构中的各个页面都是一个单独的文字,而这些文件是通过src参数进行设置的。

语法:

说明:页面文件是框架页面的具体内容的所在,对于没有设置源文件的框架,只是空白页面,是没有任何作用的。页面的源文件可以是正常的HTML文件,也可以是一个图片或者其他的文件。

  
  
  
  
  设置页面源文件
  
  
  
 
 
     
     
 
 
 
 

3.标签

标签用于浏览器不支持框架时显示页面内容。

  
 
    
    
    
  
  <body>您的浏览器无法处理框架!</body>
  
  
 

二、浮动框架(  

说明:与普通框架结构类似,浮动框架也可以设置很多参数,如 name、scrolling、frameborder等。 但是与普通框架相比,浮动框架中不包含framespacing和bordercolor参数。

src属性:浮动框架中最基本的参数就是src,它用来设置浮动框架页面的源文件地址,也是浮动框架页面必需的参数。因为只有设置了源文件的内容,浮动框架才有意义。语法:

一些老的浏览器不支持 iframe。

如果得不到支持,iframe 是不可见的。

三、一个框架布局的示例

  
  
      框架主页面 
  
 
      
        
            
      
             
         
        
        <!--noframes标记当中可以包含body标记-->
         <body> 
             该页面不支持frameset标签!
         </body>
     
  
 

四、链接如何跳出框架

在网站后台布局中,框架用得比较多。在很多时候,我们需要跳出框架,重新加载页面。那么链接如何才能跳出框架呢?其实,只需要指定标签的target属性为"_top"即可实现。下面是一个简单的例子。

  
  
  
  
  

被锁在框架中了吗?

请点击这里!

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前文章:怎么用HTML框架-创新互联
转载源于:http://6mz.cn/article/ecchh.html

其他资讯