HTML入門篇-列表

標籤：square   color   項目   art   div   瞭解   顯示   logs   新聞列表   

1.有序列表

<ol type="a" start="5">        <li>第一行</li>        <li>第二行</li>        <li>第三行</li>    </ol>

顯示結果：

標籤：<ol></ol> 中間資料用<li></li>包裹，預設從1開始排序

　　屬性：1、 type=""可以填1、a、A、i、I 其中i和I是羅馬數位意思

　　　　　2、start=""從第幾個開始

這種標籤在實際工作中較少使用

2.無序列表

    <ul>        <li>第一行</li>        <li>第二行</li>        <li>第三行</li>    </ul>

顯示結果：

標籤：<ul></ul> 中間資料用<li></li>包裹，預設是實心圓點

　　屬性：1、style="list-style:none"去掉圓點（這個是css樣式，可以暫時先不懂）

　　　　　2、type=""裡面可以填 disc（預設的圓點）   circle（空心圓）   square（實心方塊）

現實工作中常用的標籤，用來做導覽列或新聞列表等等

3.自訂欄表

<dl>        <dt>            <dd>第一個項目的第一項</dd>            <dd>第一個項目的第二項</dd>        </dt>        <dt>            <dd>第二個項目的第一項</dd>            <dd>第二個項目的第二項</dd>        </dt>    </dl>

<dl></dl>聲明自訂欄表

<dt></dt>代表自訂的項目

<dd></dd>代表自訂項目中的每一項

 

幾乎不用，用作瞭解就好

 

HTML入門篇-列表