表格与列表

1. 表格

• 表格主要用于显示、展示数据。

• 表格不是用来布局页面的,而是用来展示数据的。
  如图：展示出看一个很直观的数据。
  

• 单元格用法:

    <table>
       <!--    <td>单元格内的文字</td>  -->
     <tr>
            <th>姓名</th>
            <th>性别</th>
            <th> 年龄 </th>
        </tr>
        <tr>
            <td>胡歌</td>
            <td>男</td>
            <td> 27 </td>
        </tr>
        <tr>
            <td>彭于晏</td>
            <td>男</td>
            <td> 28 </td>
        </tr>
    </table>

其中：
th 标签表示 HTML 表格的表头部分(table head 的缩写)
表头单元格也是单元格，常用于表格第一行突出重要性，表头单元格里面的文字会加粗居中。

2.列表

2.1. 无序列表

    <ul>
        <li>可以写任意标签与内容</li>
        <li></li>
        <li></li>
    </ul>

ul 标签表示 HTML 页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用 li 标签定义。

2.2 有序列表

    <ol>
        <li>可以写任意标签与内容</li>
        <li></li>
        <li></li>
    </ol>

有序列表即为有排列顺序的列表，其各个列表项会按照一定的顺序排列定义。在 HTML 标签中，ol 标签用于定义有序列表，列表排序以数字来显示，并且使用 li标签来定义列表项。

2.3自定义列表

    <dl>
        <dt>关注我们</dt>
        <dd>新浪微博</dd>
        <dd>官方微信</dd>
        <dd>联系我们</dd>
        <dt>关注我们</dt>
        <dd>新浪微博</dd>
        <dd>官方微信</dd>
        <dd>联系我们</dd>
    </dl>

运行后就是这个结果：