实现的效果图如下：
实现的web页面源代码如下(vscode）编辑器
总结<td></td>和<tr></tr>标签
tr 标签——代表HTML表格中的一行
1） tr 标签是成对出现的,以<tr>开始,</tr>结束
2）属性
——Common 一般属性
1》align ：代表行的水平对齐方式(left(左对齐) | center(居中对齐) |right(右对齐) | justify)(此属性应该使用CSS实现)
2》valign ：代表行的垂直对齐方式(top(顶部对齐) | middle(中部对齐) | bottom(下部对齐) | baseline(基线对齐))(此属性应该使用CSS实现)
tr是table row的缩写
td 标签——代表HTML表格中的一个单元格
1）td 标签是成对出现的,以<td>开始,</td>结束
2）属性
1》Common-- 一般属性
2》abbr -- 代表表头的简写
3》axis -- 对单元格在概念上分类
4》colspan -- 一行跨越多列
5》headers-- 连接表格的数据与表头
6》rowspan -- 一列跨越多行
7》scope -- 定义行或列的表头
8》align -- 代表水平对齐方式(left(左对齐) | center(居中对齐) | right(右对齐) | justify)(此属性应该使用CSS实现)
9》valign-- 代表垂直对齐方式(top(顶部对齐) | middle(中部对齐) | bottom(下部对齐) | baseline(基线对齐))(此属性应该使用CSS实现)
td是table data cell的缩写
<table>代表表格</table>
<tr>代表表格中的一行</tr>
<td>代表表格中的一列</td>
tr 与 td 交成一个单元格
<table>...</table>之间有多少个<tr>，就有多少行
<tr>...</tr>之间有多少个<td>，就有多少列