整合營銷服務商

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

          免費咨詢熱線:

          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>

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


          主站蜘蛛池模板: 国产一区二区三区精品久久呦| 精品少妇ay一区二区三区| 久久精品无码一区二区日韩AV| 任你躁国语自产一区在| 中文字幕一区二区三区免费视频| 久久精品日韩一区国产二区| 日本一区二区在线播放| 国产一区二区电影| 国产综合一区二区在线观看| 精品一区二区三区电影| 国产成人精品一区二三区| 中文乱码人妻系列一区二区| 亚洲AV日韩AV天堂一区二区三区| 日韩精品无码一区二区三区四区| 精品福利一区3d动漫| 日韩视频一区二区在线观看| 国产未成女一区二区三区| 在线精品亚洲一区二区| 亚洲熟妇AV一区二区三区宅男| 久久久久人妻精品一区| 亚洲AV无码一区二区三区在线| 水蜜桃av无码一区二区| 无码国产精品一区二区免费16| 日本高清不卡一区| 亚洲欧洲一区二区| 在线视频一区二区三区| 毛片一区二区三区| 国产精品久久久久一区二区三区| 欧美亚洲精品一区二区| 国产精品一区二区在线观看| 精品一区二区三区水蜜桃| 国产AⅤ精品一区二区三区久久 | 一区二区日韩国产精品| 夜夜精品无码一区二区三区| 国产一区二区高清在线播放| 国产在线观看一区精品| 91在线视频一区| 国产成人精品一区二区A片带套 | 欧洲精品一区二区三区在线观看| 免费人人潮人人爽一区二区| 2014AV天堂无码一区|