1、列表标签

1.1 无序~~

<ul>
    <li></li>
<ul>

1.2 有序~~

<ol>
    <li></li>
<ol>

1.3 定义~~

<dl>
  <dt>标题</dt>
  <dd>内容</dd>
  <dt>标题</dt>
  <dd>内容</dd>
</dl>

2、表格

2.1 用来表示格式化的数据【课程表、对账单】

<table>
  <tr>
  <td> 这是单元格<td>
  </tr>
<table>

2.2 合并单元格【属性 】

colspan 横向的合并单元格
rolspan 竖向的合并单元格

2.3 boder-spacing:0; // 单元格于单元格之间的距离

如果设置了边框合并，那么这个自动失效
boder-collapse: collapse ; //设置表格边框合并【变成单行单元格】

在html中 给了我们三个标签 分别为 thead tbody tfoot 为 头 体 底 这三个标签的作用就是为了区分表格不同的部分
他们都是table的子标签，所以需要写到table里。
tr需要写在这些标签中

子元素和父元素相邻的垂直外边距会发生重叠，子元素的外边距会传递给父元素
解决方案
使用空的table标签可以隔离父子元素的外边距，阻止外边距的重叠