1.列表标签

（1）作用：给一堆数据添加列表语义

（2）分类：

-无序列表：

                  -给一堆数据添加列表语义，数据没有先后之分

                  -格式：<ul>

                                      <li>需要显示的条目内容</li>

                              </ul>

                   -应用场景：新闻列表、商品列表、导航条

                   -练习：一个ul标签中只能有li标签，但是li标签中可以添加其他标签，所以，可以尝试在li标签中添加其他标签来仿写其他网站的

-有序列表：

                  -使用比较少，给一堆数据添加列表语义，数据有先后之分

                  -格式：<ol>

                                     <li>需要显示的条目内容</li>

                              </ol>

                  -定义列表：

                  -格式：<dl>

                                      <dt>列表标题</dt>

                                      <dd>标题下的描述</dt>

                             </dl>

                  -应用场景：网站尾部的相关信息、图文混排

2.表格标签

（1）格式：<table>（整个表格）

                    <tr>（表格的每行）

                    <td></td>（每行中的一个单元格）

                    </tr>

                    </table>

（2）作用：给一堆数据添加表格语义

（3）表格标签中，默认边框是看不到的，如果需要显示，就添加属性border（<table border="边框的粗细值">）

（4）其他属性：

                           -宽度（width）、高度（height）：

                                              用于table标签和td标签

                           -水平对齐（align）、垂直对齐（valign）：

                                              水平对齐用于table标签、tr标签和td标签

                                              垂直对齐用于tr标签和td标签

                           -外边距（单元格与单元格的距离cellspacing）、内边距（单元格与文字的距离cellpadding）：

                                              用于table标签

（5）单元格合并：colspan（水平方向合并，合并后需要删除一个单元格）、rowspan（垂直方向合并）

（6）表格标签在过去用的非常多，但如今用css就可以实现了