HTML中,<li>
是常用的一個(gè)標(biāo)簽,用于定義列表項(xiàng)目。通過(guò)使用<li>
標(biāo)簽,我們可以輕松地創(chuàng)建有序列表和無(wú)序列表。
<ul> <li>列表項(xiàng) 1</li> <li>列表項(xiàng) 2</li> <li>列表項(xiàng) 3</li> </ul>
上面的代碼是一個(gè)無(wú)序列表的例子,<ul>
標(biāo)簽表示無(wú)序列表,<li>
標(biāo)簽用于定義列表項(xiàng)。同理,有序列表則使用<ol>
標(biāo)簽來(lái)表示。
<ol> <li>列表項(xiàng) 1</li> <li>列表項(xiàng) 2</li> <li>列表項(xiàng) 3</li> </ol>
以上是有序列表的例子,<ol>
標(biāo)簽代表有序列表,同樣使用<li>
標(biāo)簽來(lái)定義列表項(xiàng)。在列表中也可以嵌套其他元素和標(biāo)簽。
<ul> <li>列表項(xiàng) 1</li> <li> 列表項(xiàng) 2 <ul> <li>列表項(xiàng) 2-1</li> <li>列表項(xiàng) 2-2</li> </ul> </li> <li>列表項(xiàng) 3</li> </ul>
上述代碼中嵌套了另一個(gè)無(wú)序列表,可以看到元素和標(biāo)簽的層次關(guān)系,這種嵌套的結(jié)構(gòu)可以用于創(chuàng)建更復(fù)雜的列表。掌握<li>
標(biāo)簽的使用非常重要,它不僅可以創(chuàng)建列表,還可以用來(lái)作為其他元素的子元素,例如在<ol>
標(biāo)簽中,<li>
可以作為<ol>
的子元素,用來(lái)定義列表項(xiàng)。