table合并单元格

最新推荐文章于 2024-07-22 17:54:08 发布

Yuyuquan

最新推荐文章于 2024-07-22 17:54:08 发布

阅读量1.1k

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/qq_27918787/article/details/52743895

版权

本文展示如何在HTML中创建一张表格，其中第一行的四个单元格合并，第二行到第四行的第一个单元格合并。通过使用`<td>`标签的`rowspan`和`colspan`属性实现单元格跨行和跨列的效果。

摘要由CSDN通过智能技术生成

新建一张表格，要求表格有四行四列，其中第一行的四列合并，第二行、第三行和第四行的第一列合并
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <title>table合并单元格</title>  
    </head>  
      
    <body>  
    <table width="100%" border="1" cellspacing="0" cellpadding="0">  
      <tr>  
        <td colspan="4"> </td>  
      </tr>  
      <tr>  
        <td rowspan="3"> </td>  
        <td> </td>  
        <td> </td>  
        <td> </td>  
      </tr>  
      <tr>  
        <td> </td>