整合營銷服務商

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

          免費咨詢熱線:

          HTML 列表

          TML 支持有序、無序和定義列表:

          HTML 列表

          有序列表
          1. 第一個列表項
          2. 第二個列表項
          3. 第三個列表項
          無序列表
          • 列表項
          • 列表項
          • 列表項


          本例演示無序列表。
          無序列表

          有序列表

          本例演示有序列表。

          HTML無序列表

          無序列表是一個項目的列表,此列項目使用粗體圓點(典型的小黑圓圈)進行標記。

          無序列表使用 <ul> 標簽

          <ul>

          <li>Coffee</li>

          <li>Milk</li>

          </ul>

          瀏覽器顯示如下:

          • Coffee

          • Milk

          HTML 有序列表

          同樣,有序列表也是一列項目,列表項目使用數字進行標記。 有序列表始于 <ol> 標簽。每個列表項始于 <li> 標簽。

          列表項項使用數字來標記。

          <ol>

          <li>Coffee</li>

          <li>Milk</li>

          </ol>

          瀏覽器中顯示如下:

          1. Coffee

          2. Milk



          HTML 自定義列表

          自定義列表不僅僅是一列項目,而是項目及其注釋的組合。

          自定義列表以 <dl> 標簽開始。每個自定義列表項以 <dt> 開始。每個自定義列表項的定義以 <dd> 開始。

          <dl>

          <dt>Coffee</dt>

          <dd>- black hot drink</dd>

          <dt>Milk</dt>

          <dd>- white cold drink</dd>

          </dl>

          瀏覽器顯示如下:

          • Coffee

          • - black hot drink

          • Milk

          • - white cold drink

          注意事項 - 有用提示

          提示: 列表項內部可以使用段落、換行符、圖片、鏈接以及其他列表等等。

          更多實例

          不同類型的有序列表

          本例演示不同類型的有序列表。

          不同類型的無序列表

          本例演示不同類型的無序列表。

          嵌套列表

          本例演示如何嵌套列表。

          嵌套列表 2

          本例演示更復雜的嵌套列表。

          自定義列表

          本例演示一個定義列表。

          HTML 列表標簽

          標簽描述
          <ol>定義有序列表
          <ul>定義無序列表
          <li>定義列表項
          <dl>定義定義列表
          <dt>自定義列表項目
          <dd>定義自定列表項的描述

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

          TML的常用列表可以分為三種:無序列表,有序列表以及定義列表。

          無序列表

          定義:<ul>...</ul> ,表示項目之間沒有順序規定的列表。

          內層標簽是 <li>...</li>,它有一個type屬性,常用的值有三種:

          • disc,實心圓點
          • circle,空心圓點(默認值)
          • square,實心方塊

          小實例:

          <ul>
           ?  <li>默認值</li><br>
           ?  <li type="disc">實心圓點</li><br>
           ?  <li type="circle">空心圓點</li><br>
           ?  <li type="square">實心方塊</li><br>
          </ul>



          有序列表

          定義:<ol>...</ol>, 相對于無序列表而言,具有一定的順序的列表,一般用數字或者是字母放在表示項目的最前端表示先后順序。

          內層標簽是 <li>...</li>,同樣它的type屬性常用值有四種:

          • type="A",按大寫字母排序
          • type="a",按小寫字母排序
          • type="I",按羅馬數字排序
          • type="1",按數字排序

          小實例:

          <ol>
           ?  <li>默認值</li><br>
           ?  <li type="A">大寫字母</li><br>
           ?  <li type="a">小寫字母</li><br>
           ?  <li type="I">羅馬數字</li><br>
           ?  <li type="1">純數字</li><br><br><br>
          </ol>



          定義列表

          定義:<dl>...</dl>,不僅僅是一列項目,還是項目及其注釋的組合。

          <dl> 標簽開始,內層標簽 <dt>...</dt> 包裹對象文本, <dd>...</dd> 包裹著解釋文本。(內層只能是 dt 和 dd 標簽,且dt 必須是在 dd 前面)

          小實例:

          <dl>
           ?  <dt>HTML</dt>
           ?  <dd>HTML稱為超文本標記語言,是一種標識性的語言。它包括一系列標簽.通過這些標簽可以將網絡上的文檔格式統一,使分散的Internet資源連接為一個邏輯整體。HTML文本是由HTML命令組成的描述性文本,HTML命令可以說明文字,圖形、動畫、聲音、表格、鏈接等。</dd><br>
           ?  <dt>CSS</dt>
           ?  <dd>層疊樣式表(英文全稱:Cascading Style
           ?  Sheets)是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。</dd><br>
           ?  <dt>JavaScript</dt>
           ?  <dd>JavaScript是一種直譯式腳本語言,是一種動態類型、弱類型、基于原型的語言,內置支持類型。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用于客戶端的腳本語言,最早是在HTML(標準通用標記語言下的一個應用)網頁上使用,用來給HTML網頁增加動態功能。</dd><br>
          </dl>



          動手小練習

          1. 定義一個無序列表
          2. 定義一個有序列表
          3. 定義一個定義列表
          4. 分別在無序列表和有序列表的基礎上定義不同類型的屬性值,并通過瀏覽器顯示出來

          一、在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>
          

          三、網頁展示:

          網頁效果展示


          主站蜘蛛池模板: 日本在线一区二区| 狠狠综合久久AV一区二区三区 | 国产91大片精品一区在线观看| 在线精品动漫一区二区无广告| 国产一区二区女内射| 3d动漫精品一区视频在线观看| 综合无码一区二区三区四区五区| 欧洲精品一区二区三区| 亚洲一区二区精品视频| 久久婷婷久久一区二区三区| 欲色aV无码一区二区人妻 | 精品无码人妻一区二区免费蜜桃| 国产福利微拍精品一区二区 | 久久国产精品免费一区| 香蕉久久av一区二区三区| 亚洲愉拍一区二区三区| 色综合久久一区二区三区| 中文字幕精品一区| 丰满爆乳无码一区二区三区| 一区二区三区视频免费观看| 日韩精品无码一区二区三区不卡| 久久中文字幕无码一区二区| 日韩精品无码视频一区二区蜜桃 | 精品一区二区三区中文字幕| 蜜桃AV抽搐高潮一区二区| 好爽毛片一区二区三区四| 午夜AV内射一区二区三区红桃视| 日韩精品无码久久一区二区三| 亚洲一区免费视频| 国产综合一区二区在线观看| 一区二区无码免费视频网站| 中文字幕一区二区三区乱码| 国产经典一区二区三区蜜芽 | 亚洲影视一区二区| 久久AAAA片一区二区| 国模精品一区二区三区视频| 无码精品一区二区三区免费视频| 日韩十八禁一区二区久久| 国产大秀视频在线一区二区| 麻豆精品久久久一区二区| 麻豆精品一区二区综合av|