沉浸式学习html列表与表格

列表

• < ul >与< li >标签

HTML < ul > 元素（或称 HTML 无序列表元素）表示一个内可含多个元素的无序列表或项目符号列表。
例如:

<ul>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ul>

• < ol >与< li >标签
  示例:

<ol>
  <li>Fee</li>
  <li>Fi</li>
  <li>Fo</li>
  <li>Fum</li>
</ol>

表格

• < table >标签
  HTML的 table 元素表示表格数据 — 即通过二维数据表表示的信息。
• < thead >标签
  HTML的< thead >元素定义了一组定义表格的列头的行。
• < th >标签
  HTML < th >元素定义表格内的表头单元格。
• < tbody >标签
  HTML的< tbody >元素定义一组数据行。
• < tr >标签
  HTML < tr > 元素定义表格中的行。 同一行可同时出现< td > 和< th > 元素。
• < td >标签
  HTML < td > 元素 定义了一个包含数据的表格单元格。
• < caption >标签
  HTML < caption > 元素 (or HTML 表格标题元素) 展示一个表格的标题， 它常常作为 < table > 的第一个子元素出现，同时显示在表格内容的最前面，但是，它同样可以被 CSS 样式化，所以，它同样可以出现在相对于表格的任意位置.
  示例:

<table>
    <caption>My Table</caption>
    <thead>
        <tr>
            <th colspan="2">The table header</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>The table body</td>
            <td>with two columns</td>
        </tr>
    </tbody>
</table>