Here is the image of the HTML table design. Please help me out to convert this outline into HTML markup.
NOTE: Unfortunately, this must include a table layout.
Here is my markup:
<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; border-collapse: collapse; text-align: center; font-weight: 100; } </style> </head> <body> <table style=" width: 400px;"> <tr> <th colspan= "3">1</th> </tr> <tr> <th colspan= "2">2</th> <th rowspan= "2">3</th> </tr> <tr> <th rowspan= "3">4</th> <th colspan= "1">5</th> </tr> <tr> <td>6</td> <td>7</td> </tr> <tr> <td>8</td> <td>9</td> </tr> </table> </body> </html>I want to do this exactly like the image which I've attached above.
https://stackoverflow.com/questions/67309366/html-table-layout-image-included-with-markup-for-intended-outcome April 29, 2021 at 08:00AM
没有评论:
发表评论