HTML 開發(fā)手冊(cè)
/ <ul>
<ul>
HTML <ul> 標(biāo)簽 實(shí)例 無(wú)序 HTML 列表: <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul>..........
HTML <ul> 標(biāo)簽
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h4>無(wú)序列表:</h4> <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> </body> </html>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
瀏覽器支持
所有主流瀏覽器都支持 <ul> 標(biāo)簽。
標(biāo)簽定義及使用說(shuō)明
<ul> 標(biāo)簽定義無(wú)序列表。
將 <ul> 標(biāo)簽與 <li> 標(biāo)簽一起使用,創(chuàng)建無(wú)序列表。
提示和注釋
提示:使用 CSS 為列表定義樣式。
提示:使用<ol> 標(biāo)簽創(chuàng)建有序列表。
HTML 4.01 與 HTML5之間的差異
在 HTML 4.01 中,"compact" 和 "type" 屬性 已廢棄。HTML5 則不支持著兩個(gè)屬性。
屬性
屬性 | 值 | 描述 |
---|---|---|
compact | compact | HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定列表呈現(xiàn)的效果比正常情況更小巧。 |
type | disc square circle | HTML5 不支持。HTML 4.01 已廢棄。 規(guī)定列表的項(xiàng)目符號(hào)的類型。 |
全局屬性
<ul> 標(biāo)簽支持 HTML 的全局屬性。
事件屬性
<ul> 標(biāo)簽支持 HTML 的事件屬性。
嘗試一下 - 實(shí)例
嵌套列表
本例演示如何嵌套列表。
實(shí)例
<!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>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
嵌套列表 2
本例演示更復(fù)雜的嵌套列表。
實(shí)例
<!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>
運(yùn)行實(shí)例 ?
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
相關(guān)文章
HTML 教程:HTML 列表