HTML常用标签(三)

一、表格标签

        为什么使用表格:简单通用,结构稳定

      特点:通常情况下,同行的高度一致、同列的宽度一致

     1. 表格的对齐方式。
        默认对齐,居中对齐,左对齐,右对齐。
        align : left|right|center

    2.cellpadding: 单元格内容和单元格边框之间的距离。
       cellspacing: 各单元格之间的距离

    3. 跨行跨列
        rowspan colspan 属性表示跨了多少行|列。
        该行|列其他单元格的内容就省略不写了

   4. 语义化的表格:
       <caption>标题内容</caption> -----表格标题
      <thead>....</thead> ---------表头|页眉 (th也叫表头)
      <tbody>....</tbody> ---------数据主体
      <tfoot>....</tfoot> ---------页脚
        表格数据的分组标签<thead>、<tbody>、<tfoot>配合使用,对报表数据进行逻辑分组

      5. 使用场合
          使用场合:数据显示要求较为规整,符合表格布局的特点

      6.布局的实现思路(表单的布局):
           需要几行几列的表格?
         哪些单元格有跨行或跨列?
         编写表格代码实现

二、框架:

         使用框架结构实现多窗口页面

         使用<iframe>内嵌复用页面

         一、为什么使用框架

            框架的两类用途:

                   1、显示多窗口页面---使用<frameset>框架集
                   2、页面复用—使用<iframe>内嵌框架
                        复用站外内容:引用Google搜索引擎、显示sohu新闻等

       二、创建框架网页的步骤:

             创建各子窗口对应的HTML文件
            创建整个框架页面文件,引用子窗口文件

           框架页面的基本语法

               将窗口分割成左中右3个部分,可选
                                将窗口分割成上下2个部分,可选
                                                                     边框尺寸大小
               <frameset cols="25%,50%,*" rows ="50%,*" border="5">
              <frame src="the_first.html "/>
             …… 引用各窗口要显示的网页文件
            </frameset>
           注意:
                    1、框架和body不能共存
                    2、为了兼容性,可以使用<noframes>标签

                  例如:<noframes>

                                    <body> 如浏览器不支持框架,才显示body内的内容 </body>
                             </noframes>

三、如何实现窗口的关联                        

                   1、设置窗口名(框架主页                             

                          例如:                                       

                                        ……

                                      <frameset rows="20%,*" frameborder="0">
                                        ......
                                             <frame src="subframe/right.html" name="rightFrame">
                                       ......
                                   </frameset>
                                    ……
                       2. 设置<a>的target属性(窗口子页面 )
                               ……
                              <a href="buy.html" target="rightFrame">

                             ……

                          target的其他用法
                                    在新窗口中显示:_blank
                                   在自身窗口中显示:_self
                                   在上级窗口显示:_top
                                   在父窗口显示:_parent
                                    在指定的框架窗口显示:框架窗口名


四、为什么使用<iframe>

          <frameset>需要使用多个文件,目录结构复杂
           内嵌较为灵活,可以在网页的任何位置使用
           可以作为模板,在本网站的多个页面复用

             ……
                   <body> -------------------------------和<frameset>不同,放在<body>标签内

          <iframe src="引用页面地址" name="框架标识名"
           frameborder="边框" scrolling="no"/>
           </iframe>

          <body>

原文地址:https://www.cnblogs.com/ithome0222/p/7686563.html