html如何做表格

第一段：基础表格

HTML的表格是由tr, td, th标签组成，tr表示表格的一行，td表示该行的一个单元格，th表示该行的表头单元格，代码如下：

  

    

      
姓名
      
年龄
      
性别
    
    

      
张三
      
28
      
男
    
    

      
李四
      
35
      
女
    
  

第二段：表格合并单元格

有时候需要合并表格的单元格，可以使用colspan和rowspan属性来实现，如下所示：

  

    

      
姓名
      
年龄
      
其他信息
    
    

      
张三
      
28
      
爱好：篮球
      
性别：男
    
    

      
李四
      
35
      
性别：女
    
  

第三段：表格样式美化

可以使用CSS来美化表格的样式，如下所示：

  
  

    

      
姓名
      
年龄
      
性别
    
    

      
张三
      
28
      
男
    
    

      
李四
      
35
      
女
    
  

第四段：响应式表格

使用CSS的@media查询可以实现表格的响应式布局，代码如下：

  
  

    

      
姓名
      
年龄
      
性别
    
    

      
张三
      
28
      
男
    
    

      
李四
      
35
      
女
    
  

以上就是HTML如何做表格的详细介绍，可以根据实际需求对表格进行相应的设置和美化。在实际项目中，表格是非常常见的元素，能够清晰地展示数据信息，也有助于提升用户的体验。