<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!-- 目标: 1、掌握表格、表格的行、单元格的定义 2、列宽的设置 3、合并单元格 table:表格 tr:行 td:标准单元格 th:表头单元格,文字加粗居中 border="1" :设置表格以及单元格的边框为1像素 style="border-collapse: collapse;" 去除单元格之间的间距和多余的边框 列宽的设置:设置第一行的单元格宽度 合并列:colspan="2" 合并行:rowspan="2" --> <table border="1" style="width: 300px;border-collapse: collapse;"> <tr height="50px"> <th>1</th> <th>2</th> <th>3</th> </tr> <tr height="50px"> <td colspan="2">4+5</td> <!--<td>5</td>--> <td rowspan="2">6+9</td> </tr> <tr> <td>7</td> <td>8</td> <!--<td>9</td>--> </tr> </table>