HTML-table表格详解

• 前端

文章目录

  • 表格
    • 表格的说明(创建一个表格)
      • 1. 说明
      • 2. 设置
    • 表头和表格边框样式设置
      • 1. 设置
    • 长表格结构和补充
      • 1. 说明
      • 2. 结构
      • 3. 补充
    • 表格布局(被淘汰)
      • 1. 表格布局(已经被 CSS 淘汰)

表格

表格的说明(创建一个表格)


  
    
    
  
  
    

      

        A1
        A2
        A3
        A4
      

      

        B1
        B2
        B3
        B4
      

      

        C1
        C2
        C3
      

      

        D1
        D2
        D3

请添加图片描述

1. 说明

  1. 表格在日常生活中使用非常多，比如 excel 就是专门用来创建表格的工具，
    • 表格就是由用来表示一些格式化的数据的，比如：额课程表，银行对账单
  2. 在网页中也可以创建出不同的表格。

2. 设置

  1. 在 HTML 中，使用 table 标签来创建一个表格
  1. 在 table 中使用 tr 来表示表格中的一行，有几行就有几个 tr
    • 在 tr 中需要使用 td 来创建一个单元格，有几个单元格就有几个 td

  A1
  A2
  A3



  B1
  B2
  B3



  C1
  C2
  C3



  D1
  D2
  D3
  1. rowspan 用来设置的纵向的合并单元格
B4
  1. colspan 横向的合并单元格
D3

表头和表格边框样式设置

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://net2asp.com/1560897e7c.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐