Day 03 HTML<列表标签>

列表标签可以用来为页面进行布局

主要分为无序列表、有序列表、自定义列表三大类

1.无序列表
无序列表主要使用的标签如下

    <ul>
        <li>苹果</li>
        <li>香蕉</li>
        <li>凤梨</li>
        <li>水蜜桃</li>
        <li>哈密瓜</li>
    </ul>

无序列表

使用无序列表注意事项 :
a. 每个列表项目中是没有级别分别的都为同等级别
b. ul标签内只能含有li标签
c. li标签中可以放入所有元素
d. 无序列表中前面会有样式(ex:小圆点)若要去除一般使用CSS中list-style:none
无序列表去除样式

2.有序列表
有序列表主要使用标签如下

<ol>
        <li>披萨</li>
        <li>炸鸡</li>
        <li>汉堡</li>
        <li>薯条</li>
        <li>鸡块</li>
    </ol>

有序列表

使用有序列表注意事项 :
a. ol标签内只能含有li标签
b. li标签中可以放入所有元素
c. 有序列表前面预设会有数字，可使用CSS进行修改

3.自定义列表
自定义列表主要使用标签如下

    <dl>
        <dt>我最爱的饮料:</dt>
        <dd>奶茶</dd>
        <dd>红茶</dd>
        <dd>绿茶</dd>
    </dl>

自定义列表

使用自定义列表注意事项 :
a. dl标签内只能有dt、dd标签
b. dt和dd的数量没有限制，通常是一个dt加上多个dd