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 日韩电影一区二区,52色撸99热99,伊在人亚洲香蕉精品播放

          整合營銷服務商

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

          免費咨詢熱線:

          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,我們一起飛!

          <!DOCTYPE html>
          <html lang="en">
          <head>
          <meta charset="UTF-8" />
          <title>Document</title>
          <style type="text/css">
          *{
          margin: 0;
          padding: 0;
          list-style-type: none;
          }
          ul{
          width: 1200px;
          height: 40px;
          line-height: 40px;
          margin: 50px auto;
          }
          ul>li{
          float: left;
          width: 120px;
          height: 40px;
          cursor: pointer;
          text-align: center;
          position: relative; /* 相對定位 */
          }
          ul>li:hover{
          background-color: deepskyblue;
          }
          /* 豎線 */
          li:after{
              content: '';
              width: 1px;
              height: 16px;
              display: inline-block;
              background-color: #000;
              position: absolute;
              right: 0;
              top: 12px;
          }
          li.last:after{
          display: none;
          }
          </style>
          </head>
          <body>
          <ul>
          <li>首頁</li>
          <li>
          公司動態
          </li>
          <li>新聞中心
          </li>
          <li>企業風采</li>
          <li class="last">關于我們</li>
          </ul>
          </body>
          </html>
          

          用content: '';樣式實現

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

          主站蜘蛛池模板: 中文字幕av人妻少妇一区二区 | 大香伊人久久精品一区二区| 国产伦精品一区二区三区视频小说| 国产在线一区视频| 精品伦精品一区二区三区视频| 国产精品被窝福利一区| 日韩在线不卡免费视频一区| 色国产在线视频一区| 国产成人无码一区二区在线观看| 亚洲欧美日韩一区二区三区| 人妻无码一区二区三区| 人妻激情偷乱视频一区二区三区| 国产高清一区二区三区视频| 亚洲一区二区三区AV无码| 亚洲AV成人一区二区三区在线看 | 亚洲综合色自拍一区| 欧美日韩精品一区二区在线视频| 精品乱子伦一区二区三区高清免费播放| 日本一区二区在线播放| 日本一区二区三区在线视频观看免费 | AV无码精品一区二区三区| www.亚洲一区| 色综合视频一区中文字幕| 久久精品一区二区三区不卡| 国产伦精品一区二区| 亚洲一区二区三区久久| 精品视频一区二区三区| 国产午夜一区二区在线观看| 极品人妻少妇一区二区三区| 国产午夜福利精品一区二区三区| 大香伊蕉日本一区二区| 国产主播在线一区| 日韩精品一区二区三区大桥未久| 人妻无码一区二区三区四区| 精品国产一区二区三区久久影院| 亚洲av无码一区二区三区观看| 亚洲综合av永久无码精品一区二区| 日韩电影在线观看第一区| 性色AV一区二区三区无码| 亚洲香蕉久久一区二区| 少妇精品久久久一区二区三区|