<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    表格标签
    主要作用：展示、显示数据
    <table>
        <tr>
            <th>表头</th>
        </tr>
        <tr>
            <td>单元格</td>
        </tr>
    </table>
    tr——行
    td——单元格（行中的列，即为单个单元格）
    th——表头单元格

    表格属性
    <table align="center" border="1" cellpadding="3" cellspacing="0" width="500">
    </table>
    align——表格对齐方式 left center right
    border——边框 1或""
    cellpadding——单元格边缘与字符间的距离，默认为1像素
    cellspacing——单元格间的距离，默认2像素
    width——表格的宽度 像素值或百分比

    表格结构标签
    <table>
        <thead>表头部</thead>
        <tbody>表主题</tbody>
    </table>
    使表格更清晰

    合并单元格
    两种方式：跨行合并、跨列合并
    <table border="1">
        <tr>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td rowspan="2"></td>
            <td colspan="2"></td>
            <!-- <td></td> -->删除多余单元格
        </tr>
        <tr>
            <!-- <td></td> -->
            <td></td>
            <td></td>
        </tr>
    </table>

    列表标签
    作用：用来做布局
    类型：无序列表、有序列表、自定义列表
    无序列表
    <ul>
        <li>列表项1</li>
        <li>列表项2</li>
        <li></li>
    </ul>
    注意：
    1.无序列表各个项无等级之分，是并列的
    2.ul中只能放<li></li>
    3.li中可以容纳任何元素

    有序列表
    <ol>
        <li>1.列表项1</li>
        <li>2.列表项2</li>
    </ol>
    有序列表前会有编号
    注意项与无序列表基本相同

    自定义列表
    <dl>
        <dt>名词1</dt>
        <dd>名词1解释1</dd>
        <dd>名词1解释2</dd>
    </dl>
    dl用于定义描述列表，会与dd一同使用


     字体图标标签
          <i class="iconfont icon-dianzan"></i>
          需要下载，引用iconfont的css
</body>

</html>

##下载
标签学习02.html