欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

HTML——列表
      以及

程序员文章站 2024-02-28 16:18:52
...

<ul>是无序列表、<ol>是有序列表(order line?)、<dl>是自定义列表(define line)

<ul>和<ol>里面都包裹着<li>标签
格式:<ul>                      <ol>
        <li>...</li>              <li>...</li>
        <li>...</li>              <li>...</li>
     </ul>                     </ol

二者都可以拥有type属性值,可以对列表项的开头样式进行设置:
如:<ul>
HTML——列表<ul>、<ol>以及<dl>

<ol>

HTML——列表<ul>、<ol>以及<dl>

还有一种自定义列表,写法为:

<dl>
    <dt>
        <dd>....</dd>
    </dt>
</dl>

这种列表适用于一问一答。相当于key & value的对应。
eg.

 <dl>
    <dt>野生动物</dt>
        <dd>所有非经人工饲养而生活于自然环境下的各种动物。</dd>
    <dt>宠物</dt>
        <dd>指猫、狗以及其它供玩赏、陪伴、领养、饲养的动物,又称作同伴动物。</dd>
 </dl>

效果:
HTML——列表<ul>、<ol>以及<dl>