當(dāng)我們創(chuàng)建一個網(wǎng)頁的時候,我們通常會使用一些CSS樣式來美化我們的頁面。其中,列表樣式是我們很常用的一種。但是在某些情況下,我們也許需要在不使用CSS的情況下呈現(xiàn)列表,這時我們可以使用HTML中的默認(rèn)列表樣式。
默認(rèn)的HTML列表樣式有三種,分別是無序列表、有序列表和定義列表。
無序列表
<ul> <li>第一項</li> <li>第二項</li> <li>第三項</li> </ul>
上面的代碼演示了一個無序列表的創(chuàng)建方法。通過<ul>標(biāo)簽來創(chuàng)建列表,通過<li>標(biāo)簽來創(chuàng)建列表項。在默認(rèn)情況下,無序列表的列表項標(biāo)記是實(shí)心圓點(diǎn)。如果想要更改標(biāo)記,可以使用CSS樣式。
有序列表
<ol> <li>第一項</li> <li>第二項</li> <li>第三項</li> </ol>
上面的代碼演示了一個有序列表的創(chuàng)建方法。與無序列表相似,通過<ol>標(biāo)簽來創(chuàng)建列表,通過<li>標(biāo)簽來創(chuàng)建列表項。在默認(rèn)情況下,有序列表的列表項標(biāo)記是數(shù)字。如果想要更改標(biāo)記,也可以使用CSS樣式。
定義列表
<dl> <dt>詞語1</dt> <dd>定義1</dd> <dt>詞語2</dt> <dd>定義2</dd> <dt>詞語3</dt> <dd>定義3</dd> </dl>
上面的代碼演示了一個定義列表的創(chuàng)建方法。與無序列表和有序列表不同,定義列表需要使用兩個標(biāo)簽,即<dt>標(biāo)簽和<dd>標(biāo)簽。<dt>標(biāo)簽用于定義詞語,<dd>標(biāo)簽用于定義詞語的解釋或定義。在默認(rèn)情況下,定義列表的樣式是沒有任何標(biāo)記的。
總的來說,無論是無序列表、有序列表還是定義列表,它們都是HTML本身就自帶的樣式,無需使用CSS進(jìn)行額外的設(shè)計。不過如果想要更改列表樣式,還是需要使用CSS來進(jìn)行自定義的。