html常用标签详解4-列表标签

Posted 2021-02-10 dhrwawa

列表标签

列表标签分为3大类：无序列表、有序列表、自定义列表。线面我会依依简单介绍

一、无序列表

　　有个type属性：

　　　　默认：disc:实心小圆点；circle:空心小圆点；square:实心小方块；none:没有

　　　　

<ul type="circle">
        <li type="disc">香蕉</li>
        <li type="square">苹果</li>
        <li type="none">鸭梨</li>
        <li>西瓜</li>
    </ul>

二、有序列表

　　reversed="reversed":逆序

　　start="4" :从什么开始编号

　　type="1AaIi"：编号的样式

　　

 <ol reversed="reversed">
        <li>哈密瓜</li>
        <li>黄瓜</li>
        <li>甜瓜</li>
        <li>南瓜</li>
    </ol>
    <ol start="4">
            <li>哈密瓜</li>
            <li>黄瓜</li>
            <li>甜瓜</li>
            <li>南瓜</li>
    </ol>
    <ol type="A">
            <li type="a">哈密瓜</li>
            <li type="i">黄瓜</li>
            <li type="I">甜瓜</li>
            <li type="1">南瓜</li>
    </ol>

三、自定义列表

　　自定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。

　　

 <dl>
        <dt>dhr</dt>
        <dd>大好人的意思</dd>
        <dt>好吃的</dt>
        <dd>苹果、西瓜、香蕉等食物的总称</dd>
    </dl>