Manual pembangunan HTML
/ <li>
<li>
HTML <li> 標(biāo)簽 實例 HTML 兩個列表實例: 一個有序列表 (<ol>) 和 一個無序列表 (<ul>) : <ol> <li>Coffee</li> <li&..
HTML <li> 標(biāo)簽
實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p>有序列表:</p> <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> <p>無序列表:</p> <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> </body> </html>
運行實例 ?
點擊 "運行實例" 按鈕查看在線實例
瀏覽器支持
目前多數(shù)主流瀏覽器支持 <li>標(biāo)簽。
標(biāo)簽定義及使用說明
<li> 標(biāo)簽定義列表項目。
<li> 標(biāo)簽可用在有序列表(<ol>)、無序列表(<ul>)和菜單列表(<menu>)中。
HTML 4.01 與 HTML5之間的差異
"type" 屬性 在 HTML 4.01 已被廢棄。HTML5 不支持該屬性。
"value" 屬性 在 HTML 4.01 已被廢棄。HTML5 不支持該屬性。
提示和注釋
提示: 請使用 CSS 來定義列表和列表項目的類型。
屬性
屬性 | 值 | 描述 |
---|---|---|
type | 1 A a I i disc square circle | HTML5 不支持該屬性。HTML 4.01 已廢棄該屬性。 不贊成使用。請使用樣式取代它。 規(guī)定使用哪種項目符號。 |
value | number | 不贊成使用。請使用樣式取代它。 規(guī)定列表項目的數(shù)字。 |
全局屬性
<li> 標(biāo)簽支持全局屬性,查看完整屬性表 HTML 全局屬性。
事件屬性
<li> 標(biāo)簽支持所有 HTML 事件屬性。
在線實例
一個嵌套列表
列表內(nèi)的列表。
實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h4>嵌套列表:</h4> <ul> <li>Coffee</li> <li>Tea <ul> <li>Black tea</li> <li>Green tea</li> </ul> </li> <li>Milk</li> </ul> </body> </html>
運行實例 ?
點擊 "運行實例" 按鈕查看在線實例
另外一個嵌套列表
更復(fù)雜的嵌套列表。
實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h4>嵌套列表:</h4> <ul> <li>Coffee</li> <li>Tea <ul> <li>Black tea</li> <li>Green tea <ul> <li>China</li> <li>Africa</li> </ul> </li> </ul> </li> <li>Milk</li> </ul> </body> </html>
運行實例 ?
點擊 "運行實例" 按鈕查看在線實例
相關(guān)文章
HTML 教程: HTML 列表