html-table

基本定义及创建:

  • 表格是由定义
  • 表格中的每行由
  • 定义
  • 每行中的每列由

  • 例:
    定义
    例:
      
    1 2
    3 4

    上述代码效果如下:

    运行结果

    常用表格标签:

    • 表头:
    heading
    heading1 heading2
    1 2
    3 4

    上述代码运行效果:


    运行结果
    • 表格标题:title
      例:
      
    title
    heading1 heading2
    1 2
    3 4

    上述代码效果如下:


    html-table_第1张图片
    运行结果

    常用表格属性:

    • 表格边框:
      • 当不设置边框时默认为无边框
      • border的值越大,边框越粗

      例:

        
      1 2
      3 4
      运行结果
        
      1 2
      3 4
      运行结果
      • 跨行或跨列的表格:colspan/rowspan
        
      title
      heading1 heading2
      1
      3 4
      5
      html-table_第2张图片
      运行结果
      • 单元格边距:cellpadding
        设置单元格边距和不设置的区别
        
      1 2
      3 4

      1 2
      3 4
      html-table_第3张图片
      运行结果
      • 单元格间距:cellspacing
        例:
      1 2
      3 4

      1 2
      3 4
      html-table_第4张图片
      运行结果

你可能感兴趣的:(html-table)