资讯中心

HTML基础学习——框架

来自: 发布时间:2019/10/28 10:47:47 浏览次数:

HTML 框架

 
      通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。
 

框架标签(iFrame)

 
      html 框架 标签定义了放置在每个框架中的 HTML 文档(<iframe src="http://www.baidu.com/"></iframe>
 

实例:

 
      
                  <!DOCTYPE html>
                  <html>
                        <head>
                              <meta charset="UTF-8">
                              <title>Document</title>
                        </head>
                        <body>
                              <iframe src="http://www.baidu.com/" height="500px" width="1000px></iframe>
                        </body>
                  </html>
 

运行结果:

 
 
 

iframe常见属性:

 
属性                                     值                                              描述
 
                                                      frameborder                           1, 0                           表示是否显示框架周围的边框
                                                         height                                     px                                    表示 iframe 的高度
                                                         width                                      px                                     表示 iframe 的宽度
                                                         name                               frame_name                            表示iframe 的名称。
                                                      scrolling                               yesnoauto                   规定是否在 iframe 中显示滚动条
                                                           src                                        URL                       规定在 iframe 中显示的文档的 URL。
                                                      srcdoc                               HTML_code                在 <iframe> 中显示的页面的 HTML 内容
                                                   marginheight                               px                               定义 iframe 的顶部和底部的边距
                                                   marginwidth                                px                               定义 iframe 的左侧和右侧的边距
 
案例:框架设置宽高以及不显示边框
 

实例:

 
               <!DOCTYPE html>
               <html>
                     <head>
                           <meta charset="UTF-8">
                           <title>测试框架</title>
                     </head>
                     <body>
                           <iframe src="http://www.baidu.com/" name="ceshi1" frameborder="1" scrolling="yes" marginheight="10px"                               marginwidth="10px" height="600px" width="1200px"></iframe>
                     </body>
               </html>
 

运行结果:

 
售前咨询售后服务技术支持