HTML 02

1.列表

布局内容排列整齐的区域

(1)无序列表

写法：

    <ul>
        <li>列表条目1</li>
        <li>列表条目2</li>
        <li>列表条目3</li>
    </ul>

浏览器中显示： 

注意：

ul标签里只能包裹li标签

li标签里可以包裹任何内容

(2)有序列表

需要规定顺序的区域

写法：

    <ol>
        <li>步骤1</li>
        <li>步骤2</li>
        <li>步骤3</li>
    </ol>

注意：

ol标签里只能包裹li标签

li标签里可以包裹任何内容

(3)定义列表

dl嵌套dt和dd，dl是定义列表，dt是定义列表的标题，dd是定义列表的描述

写法：

    <dl>
        <dt>服务中心</dt>
        <dd>申请售后</dd>
        <dd>售后政策</dd>
    </dl>

注意：

dl标签里只能包含dt和dd

dt和dd标签里可以包裹任何内容

2.表格

与excel表格类似，展示数据

有几行就写几个tr，有几列就写几个td 

写法：添加边框需要border

    <table border="1">
        <tr>
            <th>姓名</th>
            <th>语文</th>
            <th>数学</th>
            <th>总分</th>
        </tr>
        <tr>
            <td>张三</td>
            <td>99</td>
            <td>100</td>
            <td>199</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>98</td>
            <td>100</td>
            <td>198</td>
        </tr>
        <tr>
            <td>总结</td>
            <td>第一</td>
            <td>第一</td>
            <td>第一</td>
        </tr>
    </table>

表格结构标签

<table border="1">
        <thead>