整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML03 - 列表(List)

          一、在Html中 列表一共分為三種:

          (1)無序列表 :使用 ul 標簽來創建,用 li 標簽來表示列表項 (較常用)

           <ul>
                <li>結構</li>
                <li>表現</li>
                <li>行為</li>
           </ul>

          (2)有序列表 :使用 ol 標簽來創建,用 li 標簽來表示列表項

           <ol>
                <li>結構</li>
                <li>表現</li>
                <li>行為</li>
           </ol>

          (3)定義列表 :使用 dl 標簽來創建,用 dt 標簽來表示定義的內容 ,dd 標簽來對內容進行解釋說明

          <dl>
              <dt>YYDS</dt>
              <dd>yyds是“永遠的神”的縮寫 [1]  ,常被粉絲用來贊賞自己的愛豆 </dd>
              <dt>XSWL</dt>
              <dd>XSWL = 笑死我了”,作為當代沙雕青年,每天除了哈哈哈就是“窩窩頭一塊錢四個</dd>
          </dl>

          二、列表相互之間可以嵌套:

          <ul>
              <li>節日
                  <ol>
                      <li>中秋</li>
                      <li>國慶</li>
                      <li>元旦</li>
                  </ol>
              </li>
              <li>中國</li>
              <li>世界</li>
          </ul>
          

          三、網頁展示:

          網頁效果展示

          、列表說明:列表是在頁面上有很多列同時存在的信息,分為無序列表和有序列表。

          1、無序列表概念:用來放置一些對于順序無關緊要的內容,例如下面的新聞內容。

          2、有序列表概念:有序列表用于存放內容不能錯亂的信息,比如下面的阿里云內容。

          3、自定義列表:自定義列表用于正文之外的框框欄欄之類的。

          二、列表樣式:

          列表樣式2

          列表樣式3

          三、無序列表 <ul> </ul> 和 <li> </li>標簽

          列表標簽是用 ul 表示,但是不是單獨使用的,需要和 li 標簽配合使用,并且列表標簽也有屬性,用法:

          <ul type="disc"> ,屬性有多個值:

          disc :小圓點,默認屬性

          circle :小圓圈

          square :實心方塊

          none :不要任何符號

          源碼:↓

          <!DOCTYPE html>

          <html lang="en">

          <head>

          <meta charset="UTF-8">

          <!--網頁抬頭-->

          <title>Title</title>

          </head>

          <body>

          <!--列表與列表屬性-->

          <ul type="disc">

          <li>這是列表a</li>

          <li>這是列表b</li>

          <li>這是列表c</li>

          </ul>

          </body>

          兩個菜單按鈕系列選項實例("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> 標簽。


          標簽定義及使用說明

          <menu> 標簽定義了一個命令列表或菜單。

          <menu> 標簽通常用于文本菜單,工具條和命令列表選項。


          提示和注釋

          提示: 使用 CSS 來定義菜單列表樣式。


          HTML 4.01 與 HTML5之間的差異

          HTML 4.01的 <menu> 元素已廢棄。

          HTML5 中 <menu> 元素已被重新定義。


          屬性

          New:HTML5 新屬性。

          屬性描述
          labelNewtext描述菜單項的標記。
          typeNewcontexttoolbarlist描述顯示菜單類型. 默認為 "list"。

          全局屬性

          <menu> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。


          事件屬性

          <menu> 標簽支持所有 HTML事件屬性。

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!


          主站蜘蛛池模板: 国产精品一区不卡| 亚洲一区二区三区免费观看| 久久福利一区二区| 日本一区二区三区中文字幕| 日本v片免费一区二区三区| 国产精品一级香蕉一区| 日韩精品无码Av一区二区| 在线播放精品一区二区啪视频| 日韩亚洲一区二区三区| 3d动漫精品啪啪一区二区中| 在线观看中文字幕一区| 国产在线精品一区在线观看| 中文字幕一区在线观看| 中文字幕精品一区影音先锋| 国产一区二区电影在线观看| 末成年女A∨片一区二区| 无码aⅴ精品一区二区三区| 午夜视频久久久久一区| 国产精品日本一区二区在线播放 | 国模私拍一区二区三区| 一区二区亚洲精品精华液| 无码日韩人妻AV一区免费l| 九九久久99综合一区二区| 在线免费视频一区二区| 无码精品人妻一区二区三区中 | 日本香蕉一区二区三区| 东京热人妻无码一区二区av| 在线成人一区二区| 国产亚洲情侣一区二区无码AV| 99久久人妻精品免费一区 | 国产日韩精品一区二区三区在线| 国产精品分类视频分类一区| 亚洲成人一区二区| 国产精品无码一区二区三区不卡 | 精品一区精品二区制服| 久久久久国产一区二区三区| 无码毛片视频一区二区本码| 国产一区二区在线观看| 久久亚洲国产精品一区二区| 欧美日韩精品一区二区在线观看| 国产成人无码AV一区二区 |