• 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>

  • 相关阅读:
    设计模式(十)——模板方法模式
    用imageROI来增加某范围的像素
    OpenCv练习
    字符串格式化(七)-format
    列表初始化
    设计模式(九)——适配器模式
    右值引用&&
    设计模式(八)——外观模式
    Confluence 6 企业环境或者网站托管的 Java 配置策略
    Confluence 6 管理应用服务器内存设置
  • 原文地址:https://www.cnblogs.com/ithome0222/p/7686563.html
Copyright © 2020-2023  润新知