PuzzleWeb
.ru
Learn HTML
Learn CSS
HTML tutorial
>
HTML table merge cells
> Merge columns and rows in a table
Merge columns and rows in a table
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Page title</title> </head> <body> <h4>Combine two cells in a table row:</h4> <table border="1"> <tr> <th>Name</th><th colspan="2">Phone</th> </tr> <tr> <td>Max Oneshot</td><td>123 45 67</td><td>234 56 78</td> </tr> </table> <h4>Combine two cells in a table column:</h4> <table border="1"> <tr> <th>Name</th><td>Max Oneshot</td> </tr> <tr> <th rowspan="2">Phone</th><td>123 45 67</td> </tr> <tr><td>234 56 78</td></tr> </table> </body> </html>
Result:
Edit the code listed above and click the "GO" button to view the result.