要合并HTML中的表列,请使用<td>标记中的colspan属性。这样,将单元彼此合并。例如,如果您的表有4行和4列,则使用colspan属性,您可以轻松合并2个甚至3个表单元格。
您可以尝试运行以下代码以合并HTML中的表列。首先,我们将了解如何在HTML中创建3行3列的表格
<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; width: 100px; height: 50px; } </style> </head> <body> <h1>Heading</h1> <table> <tr> <th></th> <th></th> <th></th> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table> </body> </html>
让我们使用colspan属性合并列。前两列将合并
<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; width: 100px; height: 50px; } </style> </head> <body> <h1>Heading</h1> <table> <tr> <th></th> <th></th> <th></th> </tr> <tr> <td colspan="2"></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table> </body> </html>