在網(wǎng)頁設(shè)計(jì)中,可以使用三種不同類型的列表添加到網(wǎng)站中,分別是有序列表、無序列表和自定義列表。
一、有序列表
HTML使用<ol>標(biāo)簽來創(chuàng)建有序的內(nèi)容列表。在<ol>標(biāo)簽內(nèi)使用<li></li>標(biāo)簽列出列表中的每個(gè)項(xiàng)目。
代碼示例:
<ol> <li>An item</li> <li>Another item</li> <li>Another goes here</li> </ol>
二、無序列表
HTML 使用<ul>標(biāo)簽來創(chuàng)建無序列表,通常使用項(xiàng)目符號(hào)來表示列表項(xiàng),而不是數(shù)字。
代碼示例:
<ul> <li>This is</li> <li>An Unordered</li> <li>List</li> </ul>
三、自定義列表
自定義列表不僅僅是一列項(xiàng)目,而是項(xiàng)目及其注釋的組合。HTML 使用<dl>標(biāo)簽來創(chuàng)建定義列表,在<dl>標(biāo)簽內(nèi)使用<dt></dt>標(biāo)簽定義術(shù)語,使用<dd></dd>標(biāo)簽提供術(shù)語的定義。
代碼示例:
<dl> <dt>Item</dt> <dd>The definition goes here</dd> </dl>
如果需要制作一個(gè)項(xiàng)目符號(hào)列表,打開一個(gè)HTML文件,然后在新行上輸入以下HTML代碼:
<p>This website will have the following benefits for my business:</p> <ul> <li>Increased traffic</li> <li>Global Reach</li> <li>Promotional Opportunities</li> </ul>
四、HTML列表標(biāo)簽
標(biāo)簽 | 描述 |
<ol> | 定義有序列表 |
<ul> | 定義無序列表 |
<li> | 定義列表項(xiàng) |
<dl> | 定義列表 |
<dt> | 自定義列表項(xiàng)目 |
<dd> | 定義自定義列表的描述 |