程序媛老张前端Day2———Html列表

Day3——Html列表

在html中列表学习有序列表，无序列表，定义列表。

有序列表 <ol>

顾名思义，有序列表是有数字序号的列表。
语法：

<ol>
    <li>鱼香肉丝</li>
    <li>锅包肉</li>
    <li>糖醋里脊</li>
    <li>大拌菜</li>
</ol>

因为有序列表是有数字序号的，数字是可以从某一规定开始，所以ol元素的属性start可以定义

<ol start="5">
    <li>鱼香肉丝</li>
    <li>锅包肉</li>
    <li>糖醋里脊</li>
    <li>大拌菜</li>
</ol>

无序列表 <ul>

<ul >
    <li>鱼香肉丝</li>
    <li>锅包肉</li>
    <li>糖醋里脊</li>
    <li>大拌菜</li>
</ul>

无序列表是没有数字顺序的，但是ul的属性type有disc（默认值），circle（圆形），square（方形）。。

<ul type="square">
    <li>鱼香肉丝</li>
    <li>锅包肉</li>
    <li>糖醋里脊</li>
    <li>大拌菜</li>
</ul>

定义列表 <dl>

定义列表存在一个嵌套的问题存在，也可以用上述标签构成

<dl>
    <dt>今日菜单</dt>
    <dd>鱼香肉丝</dd>
    <dd>麻婆豆腐</dd>
    <dd>小鸡炖蘑菇</dd>
</dl>

用<ul><ol>都可嵌套

<ul>
    <li>今日菜单
        <ul>
            <li>地三鲜</li>
            <li>烧茄子</li>
            <li>红烧肉</li>
        </ul>
    </li>
</ul>