<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表格相关的标一些签</title>
</head>
<body>
<!--
需求 1：做一个四行，三列的表格，并显示边框
需求 2：修改表格的宽度，高度，表格的对齐方式，单元格间距。
table 标签是表格标签
相关属性：
border 设置表格边框
width 设置表格宽度
height 设置表格高度
align 在table中设置表格相对于页面的对齐方式
left 左对齐
center 居中对齐
right 右对齐
align 出现在td标签中是设置对应单元格文本对齐方式
出现在tr标签中是设置对应行所有单元格中的内容对齐方式
出现在table标签中是设置表格在网页中对齐方式
cellspacing 设置单元格间距 "0"表示两条边线挨在一起，变成一条线。
tr 是行标签
th 也是单元格标签 与td标签相比多了"加粗"和"居中"功能
td 是单元格标签
-->
<!--
单元格合并：
单元格合并是针对相邻单元格而言
相邻行单元格合并：需要先删除下面的单元格，然后在上面的单元格标签中添加属性：rowspan="2"
相邻列单元格合并：对是删除左边还是右边的单元格没有要求，在保留的单元格标签中添加属性：colspan="2"
-->
<!--
thead(头)、tbody(体)、tfoot(脚)这三个标签是为了js代码更方便操作表格而出现的标签，它们不是必须的。
-->
<table align="center" border="1" width="300" height="300" cellspacing="0">
<tr>
<th>编号</th>
<th>姓名</th>
<th>住址</th>
</tr>
<tr>
<td colspan="2">1.1</td>
<!-- <td>1.2</td> -->
<td rowspan="2">1.3</td>
</tr>
<tr>
<td>2.1</td>
<td>2.2</td>
<!-- <td>2.3</td> -->
</tr>
<tr>
<td>3.1</td>
<td align="center">3.2</td>
<td>3.3</td>
</tr>
</table>
</body>
</html>
在网页中的展示效果如下图：
![流批一体计算引擎-7-[Flink]的DataStream连接器](https://img-blog.csdnimg.cn/0f8a107145bd450683169a016f6d0830.png)
