Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
一、在Html中 列表一共分為三種:
(1)無(wú)序列表 :使用 ul 標(biāo)簽來(lái)創(chuàng)建,用 li 標(biāo)簽來(lái)表示列表項(xiàng) (較常用)
<ul>
<li>結(jié)構(gòu)</li>
<li>表現(xiàn)</li>
<li>行為</li>
</ul>
(2)有序列表 :使用 ol 標(biāo)簽來(lái)創(chuàng)建,用 li 標(biāo)簽來(lái)表示列表項(xiàng)
<ol>
<li>結(jié)構(gòu)</li>
<li>表現(xiàn)</li>
<li>行為</li>
</ol>
(3)定義列表 :使用 dl 標(biāo)簽來(lái)創(chuàng)建,用 dt 標(biāo)簽來(lái)表示定義的內(nèi)容 ,dd 標(biāo)簽來(lái)對(duì)內(nèi)容進(jìn)行解釋說(shuō)明
<dl>
<dt>YYDS</dt>
<dd>yyds是“永遠(yuǎn)的神”的縮寫 [1] ,常被粉絲用來(lái)贊賞自己的愛(ài)豆 </dd>
<dt>XSWL</dt>
<dd>XSWL = 笑死我了”,作為當(dāng)代沙雕青年,每天除了哈哈哈就是“窩窩頭一塊錢四個(gè)</dd>
</dl>
二、列表相互之間可以嵌套:
<ul>
<li>節(jié)日
<ol>
<li>中秋</li>
<li>國(guó)慶</li>
<li>元旦</li>
</ol>
</li>
<li>中國(guó)</li>
<li>世界</li>
</ul>
三、網(wǎng)頁(yè)展示:
網(wǎng)頁(yè)效果展示
1、無(wú)序列表概念:用來(lái)放置一些對(duì)于順序無(wú)關(guān)緊要的內(nèi)容,例如下面的新聞內(nèi)容。
2、有序列表概念:有序列表用于存放內(nèi)容不能錯(cuò)亂的信息,比如下面的阿里云內(nèi)容。
3、自定義列表:自定義列表用于正文之外的框框欄欄之類的。
列表樣式2
列表樣式3
列表標(biāo)簽是用 ul 表示,但是不是單獨(dú)使用的,需要和 li 標(biāo)簽配合使用,并且列表標(biāo)簽也有屬性,用法:
<ul type="disc"> ,屬性有多個(gè)值:
disc :小圓點(diǎn),默認(rèn)屬性
circle :小圓圈
square :實(shí)心方塊
none :不要任何符號(hào)
源碼:↓
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--網(wǎng)頁(yè)抬頭-->
<title>Title</title>
</head>
<body>
<!--列表與列表屬性-->
<ul type="disc">
<li>這是列表a</li>
<li>這是列表b</li>
<li>這是列表c</li>
</ul>
</body>
例
兩個(gè)菜單按鈕系列選項(xiàng)實(shí)例("File" 和 "Edit"):
<menutype="toolbar"><li><menulabel="File"><buttontype="button"onclick="file_new()">New...</button><buttontype="button"onclick="file_open()">Open...</button><buttontype="button"onclick="file_save()">Save</button></menu></li><li><menulabel="Edit"><buttontype="button"onclick="edit_cut()">Cut</button><buttontype="button"onclick="edit_copy()">Copy</button><buttontype="button"onclick="edit_paste()">Paste</button></menu></li></menu>
瀏覽器支持
目前主流瀏覽器并不支持 <menu> 標(biāo)簽。
標(biāo)簽定義及使用說(shuō)明
<menu> 標(biāo)簽定義了一個(gè)命令列表或菜單。
<menu> 標(biāo)簽通常用于文本菜單,工具條和命令列表選項(xiàng)。
提示和注釋
提示: 使用 CSS 來(lái)定義菜單列表樣式。
HTML 4.01 與 HTML5之間的差異
HTML 4.01的 <menu> 元素已廢棄。
HTML5 中 <menu> 元素已被重新定義。
屬性
New:HTML5 新屬性。
屬性 | 值 | 描述 |
---|---|---|
labelNew | text | 描述菜單項(xiàng)的標(biāo)記。 |
typeNew | contexttoolbarlist | 描述顯示菜單類型. 默認(rèn)為 "list"。 |
全局屬性
<menu> 標(biāo)簽支持全局屬性,查看完整屬性表 HTML全局屬性。
事件屬性
<menu> 標(biāo)簽支持所有 HTML事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。