您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關(guān)html使用li有什么用的內(nèi)容。小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過(guò)來(lái)看看吧。
html中l(wèi)i標(biāo)簽可以用來(lái)定義列表項(xiàng),與ul標(biāo)簽配合使用可定義無(wú)序列表,與ol標(biāo)簽配合使用定義可有序列表,語(yǔ)法為“<ol><li></li></ol>”或者“<ul><li></li></ul>”。
本教程操作環(huán)境:windows10系統(tǒng)、HTML5版、Dell G3電腦。
在html中,可以利用li標(biāo)簽來(lái)定義列表。
<li> 標(biāo)簽可用在有序列表 (<ol>) 和無(wú)序列表 (<ul>) 中。
li標(biāo)簽與ol標(biāo)簽配合使用定義有序列表,示例如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <p>有序列表:</p> <ol> <li>打開(kāi)冰箱門(mén)</li> <li>把大象放進(jìn)去</li> <li>關(guān)上冰箱門(mén)</li> </ol> </body> </html>
輸出結(jié)果:
li標(biāo)簽與ul標(biāo)簽配合使用定義無(wú)序列表,示例如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <p>無(wú)序列表:</p> <ul> <li>雪碧</li> <li>可樂(lè)</li> <li>涼茶</li> </ul> </body> </html>
輸出結(jié)果:
感謝各位的閱讀!關(guān)于“html使用li有什么用”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí),如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。