整合營銷服務商

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

          免費咨詢熱線:

          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. 分別在無序列表和有序列表的基礎上定義不同類型的屬性值,并通過瀏覽器顯示出來


          x0列表的類型

          定義列表 dl

          無序列表 ul

          目錄列表 dir

          菜單列表 menu

          有序列表 ol

          例子:<dt>名稱部分<dd>解釋說明,兩個都在<dl>里面

          插入無序列表<ul>

          例子:<ul>之間使用<li></li>標記列表項值


          插入目錄列表<dir>

          效果跟<ul>那個是一樣的。

          插入菜單列表<menu>:

          插入有序列表<ol>

          列表的主要操作就講到這里。是不是很簡單呢??


          主站蜘蛛池模板: 午夜DV内射一区区| 国产一区二区三区国产精品| 丝袜无码一区二区三区| 日本一道一区二区免费看| 亚洲狠狠狠一区二区三区| 国产精华液一区二区区别大吗| 国产精品久久亚洲一区二区| 精品少妇人妻AV一区二区三区| 精品深夜AV无码一区二区老年 | 国产精品夜色一区二区三区| 午夜福利一区二区三区高清视频 | 日韩人妻精品一区二区三区视频| 中文字幕无码免费久久9一区9| 久久se精品一区二区影院| 亚洲AⅤ视频一区二区三区| 国偷自产Av一区二区三区吞精| 国产精品小黄鸭一区二区三区| 狠狠综合久久AV一区二区三区 | 国产福利电影一区二区三区久久老子无码午夜伦不 | 91久久精品国产免费一区| 国产香蕉一区二区在线网站| 日本高清一区二区三区| 秋霞电影网一区二区三区| 国产亚洲自拍一区| 精品日韩亚洲AV无码一区二区三区| 亚洲综合无码一区二区三区| 亚洲性无码一区二区三区| 精品一区二区三区在线播放| 国产婷婷一区二区三区| 亚洲国产一区国产亚洲| 天堂一区人妻无码| 合区精品久久久中文字幕一区| 免费日本一区二区| 九九无码人妻一区二区三区| 亚洲AV无码一区二区三区在线观看| 中文字幕亚洲一区二区三区| 韩国福利一区二区美女视频| 日本一区二区三区在线视频观看免费 | 无码人妻一区二区三区在线水卜樱 | 国产亚洲综合一区柠檬导航| 日本在线视频一区二区|