zoukankan      html  css  js  c++  java
  • 表格标签

    1.语法:

      1.标签介绍:
        表格标签:<table></table>
        行标签:<tr></tr> ->table row
        单元格标签:<td></td> ->table data
      2.创建顺序:
        1.创建表格标签
        2.在表格标签中创建行标签,每一行就是一个tr
        3.在行中创建单元格存放数据,每一个单元格对应一个td

    2.标签属性

      1. table 属性
        1. border :设置边框,取值以px为单位的数值(px可以省略)
        2. width :设置宽度
        3. height :设置高度
        4. align :设置表格在其父元素中的水平对齐方式
        5. cellpadding : 设置单元格的内边距(内容与边框之间的距离),取值为px单位的数值
        6. cellspacing : 设置单元格的外边距(单元格与单元格之间的距离,或者单元格与表格边框之间的距离),取值像素为单位的数值
        7. bgcolor : 设置表格的背景颜色,取值可以是英文的颜色名称
      2. tr 标签属性
        1. bgcolor : 设置当前行的背景颜色
        2. align :设置当前行中内容的水平对齐方式
          取值 : left / center / right
        3. valign :设置当前行内容的垂直对齐方式
          取值 :top / middle / bottom,默认垂直居中
      3. td 标签属性
        1. width 设置单元格的宽度
        2. height 设置单元格的高度
        3. align 单元格内容的水平对齐方式
        4. valign 单元格内容的垂直对齐方式
        5. bgcolor 单元格的背景颜

    3.单元格合并

      是单元格独有的属性 colspan rowspan
      1. 单元格的跨列合并
        从当前单元格的位置开始,横向向右合并几个单元格
        colspan = "3" ->跨3列进行合并(包含自身)
      2. 单元格的跨行合并
        从当前的单元格开始,纵向向下合并单元格
        rowspan = "3" ->向下跨3行合并单元格
      注意 :一旦发生单元格合并,
        跨列合并,要删除当前行中多余的单元格
        跨行合并,要删除其后行中多余的单元格
        始终保持表格结构完整

  • 相关阅读:
    CloudStack 4.2 与CloudStack 4.1二级存储API发生变化
    添加虚拟机磁盘扩容步骤
    NAT概述
    CloudStack全局参数
    在 Web 项目中应用 Apache Shiro
    使用 Spring Security 保护 Web 应用的安全
    获取浏览器的homepage
    剑指offer系列——2.替换空格
    剑指offer系列——1.二维数组中的查找
    JDK下载需要Oracle账号登录问题
  • 原文地址:https://www.cnblogs.com/zengsf/p/9768556.html
Copyright © 2011-2022 走看看