<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> td{ text-align: center; } </style> </head> <body> <!-- 表格 excel 就是用来表示一些格式化的数据 在网页中也可以创建不同表格 使用table创建表格 --> <table border="1" width="40%" align="center"> <!-- 在table标签中使用tr表示表格一行--> <tr> <!-- tr中使用td创建单元格 --> <td>a1</td> <td>a2</td> <td>a3</td> <td>a4</td> <td>a5</td> </tr> <tr> <!-- tr中使用td创建单元格 --> <td>a1</td> <td>a2</td> <td>a3</td> <td>a4</td> <!-- rowspan 纵向合并单元格--> <td rowspan="2">a5</td> </tr> <tr> <!-- tr中使用td创建单元格 --> <td>a1</td> <td>a2</td> <td>a3</td> <td>a4</td> </tr> <tr> <!-- tr中使用td创建单元格 --> <td>a1</td> <td>a2</td> <td>a3</td> <!-- colspan横向合并单元格 --> <td colspan="2">a4</td> </tr> </table> </body> </html>
使用table创建表格
<tr>
<td></td>
</tr>
此结构创建表格
colspan横向合并单元格
rowspan纵向合并单元格