<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>table</title> </head> <body> <!-- * 使用table制作表格 tr行 th表头 td单元格 * 语法 <table> <tr> <th>|<td> </tr> </table> * 跨行跨列 * 跨行：rowspan * 跨列：colspan --> <table border="1"> <tr> <th>姓名</th> <th>阵营</th> <th>职业</th> <th>武器</th> </tr> <tr> <td>刘备</td> <td>蜀</td> <td>蜀汉集团董事长</td> <td>双股剑</td> </tr> <tr> <td>诸葛亮</td> <td>蜀</td> <td>蜀汉集团CEO</td> <td>羽扇</td> </tr> <tr> <td>关羽</td> <td>蜀</td> <td>荆襄总裁</td> <td>青龙偃月刀</td> </tr> <tr> <td>张飞</td> <td>蜀</td> <td>阆中销售经理</td> <td>丈八蛇矛</td> </tr> </table> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>table_blank</title> </head> <body> <h1>三行三列</h1> <table border="1" width="500px" height="300px" align="center"> <tr align="center">（写在此处才会使得表格的文字居中写在上面只会使得整个表格在浏览器中居中） <td>11</td> <td>12</td> <td>13</td> </tr> <tr align="center"> <td colspan="2">2122</td> <!-- <td>22</td> --> <td rowspan="2">2333</td> </tr> <tr align="center"> <td>31</td> <td>32</td> <!-- <td>33</td> --> </tr> </table> </body> </html>