【HTML】列表和表格

HTML列表和表格

---

本篇文章：

       主要是帮助大家学习HTML中的列表和表格属性

列表属性：

• 无序列表

• 有序列表

• 定义列表

<!--    无序列表-->
<!--disc：实心圆点-->
    <ul type = "disc">
        <li>郭靖</li>
        <li>黄蓉</li>
        <li>洪七公</li>
    </ul>

<!--circle：代表空心圆-->
    <ul type = "circle">
        <li>小鱼儿</li>
        <li>花无缺</li>
        <li>苏樱</li>
    </ul>

<!--有序列表-->
<!--a：代表：a,b,c,d...-->
    <ol type = "a">
        <li>乔峰</li>
        <li>段誉</li>
        <li>虚竹</li>
    </ol>

<!--i:希腊字母表示：i,ii, iii, iii...-->
    <ol type = "i">
        <li>杨过</li>
        <li>小龙女</li>
    </ol>


<!--定义列表-->
    <dl>
        <!--标题 -->
        <dt>水果</dt>
        <dd>水蜜桃</dd>
        <dd>哈密瓜</dd>
        <dd>葡萄</dd>
    </dl>

表格属性

<!--表格-->
<!--设置边框的宽度为1px-->
<table border="1px">
<!--    设置字体位置-->
    <tr align = "center">
<!--         rowspan：设置该表格占的行数：占2行-->
         <td rowspan = "2">1-1</td>
<!--        colspan：设置该表格占的列数:占2列-->
         <td colspan = "2">1-2</td>
    </tr>

    <tr>
        <td rowspan="1">2-2</td>
        <td rowspan="1">2-3</td>
    </tr>

    <tr>
        <td colspan = "3">3-1 </td>
    </tr>
</table>
    </tr>

    <tr>
        <td colspan = "3">3-1 </td>
    </tr>
</table>

作者：文小白

---