1. 程式人生 > >HTML——列表、以及

HTML——列表、以及

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

<ul>和<ol>裡面都包裹著<li>標籤
格式:<ul>                      <ol>
        <li>...</li>              <li>...</li>
        <li>...</li>              <li>...</li>
     </ul>                     </ol

二者都可以擁有type屬性值,可以對列表項的開頭樣式進行設定:
如:<ul>
這裡寫圖片描述

<ol>

這裡寫圖片描述

還有一種自定義列表,寫法為:

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

這種列表適用於一問一答。相當於key & value的對應。
eg.

 <dl>
    <dt>野生動物</dt>
        <dd>所有非經人工飼養而生活於自然環境下的各種動物。</dd
>
<dt>寵物</dt> <dd>指貓、狗以及其它供玩賞、陪伴、領養、飼養的動物,又稱作同伴動物。</dd> </dl>

效果:
這裡寫圖片描述