网页设计：HTML列表标签

客官°小女子只卖身不卖艺 2022-12-26 10:20 154阅读 0赞

*  无序列表
 *  有序列表
 *  自定义列表

### 1，无序列表 ###

无序列表的标签是:

`<ul>无序列表</ul>`

定义一个无序列表：

`<li>`定义一个列表项;

`<ul>`标签里还有type属性，指定的是无序列表的符号;

type的值有以下几个:

*  disc:实心的圆点，默认值
 *  circle:空心的圆
 *  square:实心的正方形

例：

<ul type="circle">
        <li>湖南</li>
        <li>江苏</li>
        <li>河南</li>
        <li>郑州</li>
    </ul>

### 2，有序列表 ###

有序列表的标签是

`<ol>有序列表</ol>`

ordered list的缩写，有序列表其实就是带有序号的列表，

type属性的取值为:

*  1.序号为1.2.3.4.……
 *  A.序号为A.B.C.D.……
 *  a.序号为a.b.c.d.……
 *  I序号为I.II.III.IV.……
 *  i序号为i.ii.iii.iv.……

例：

<ol type="A"start="1">
        <li>湖南</li>
        <li>嘉兴</li>
        <li>河南</li>
        <li>广东</li>
    </ol>

效果图:

1.  湖南
2.  嘉兴
3.  河南
4.  广东

### 3，自定义列表 ###

自定义标签的结构是:

`<dl>自定义标签</dl>`

定义一个自定义列表

*  `<dt>`列表项的标题
 *  `<dd>`列表项的描述

例：

<body>
    <dl>
        <h3>唐诗三百首</h3>
        <dt>静夜思</dt>
        <dd>床前明月光，疑是地上霜。举头望明月，低头思故乡。</dd>
        <dt>绝句</dt>
        <dd>迟日江山丽，春风花草香。泥融飞燕子，沙暖睡鸳鸯。</dd>
    </dl>
    </body>

示例：