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 亚洲日本乱码中文论理在线电影,亚洲国产人久久久成人精品网站,先锋影音资源中文字幕

          整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          HTML 列表

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

          HTML 列表

          有序列表
          1. 第一個列表項(xiàng)
          2. 第二個列表項(xiàng)
          3. 第三個列表項(xiàng)
          無序列表
          • 列表項(xiàng)
          • 列表項(xiàng)
          • 列表項(xiàng)


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

          有序列表

          本例演示有序列表。

          HTML無序列表

          無序列表是一個項(xiàng)目的列表,此列項(xiàng)目使用粗體圓點(diǎn)(典型的小黑圓圈)進(jìn)行標(biāo)記。

          無序列表使用 <ul> 標(biāo)簽

          <ul>

          <li>Coffee</li>

          <li>Milk</li>

          </ul>

          瀏覽器顯示如下:

          • Coffee

          • Milk

          HTML 有序列表

          同樣,有序列表也是一列項(xiàng)目,列表項(xiàng)目使用數(shù)字進(jìn)行標(biāo)記。 有序列表始于 <ol> 標(biāo)簽。每個列表項(xiàng)始于 <li> 標(biāo)簽。

          列表項(xiàng)項(xiàng)使用數(shù)字來標(biāo)記。

          <ol>

          <li>Coffee</li>

          <li>Milk</li>

          </ol>

          瀏覽器中顯示如下:

          1. Coffee

          2. Milk



          HTML 自定義列表

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

          自定義列表以 <dl> 標(biāo)簽開始。每個自定義列表項(xiàng)以 <dt> 開始。每個自定義列表項(xiàng)的定義以 <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

          注意事項(xiàng) - 有用提示

          提示: 列表項(xiàng)內(nèi)部可以使用段落、換行符、圖片、鏈接以及其他列表等等。

          更多實(shí)例

          不同類型的有序列表

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

          不同類型的無序列表

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

          嵌套列表

          本例演示如何嵌套列表。

          嵌套列表 2

          本例演示更復(fù)雜的嵌套列表。

          自定義列表

          本例演示一個定義列表。

          HTML 列表標(biāo)簽

          標(biāo)簽描述
          <ol>定義有序列表
          <ul>定義無序列表
          <li>定義列表項(xiàng)
          <dl>定義定義列表
          <dt>自定義列表項(xiàng)目
          <dd>定義自定列表項(xiàng)的描述

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

          序列表和有序列表

          用于呈現(xiàn)邏輯上并列的具有相關(guān)性的數(shù)據(jù)內(nèi)容.

          <ul>

          <li></li>

          </ul>

          ul元素可以用type屬性設(shè)置不同的列表標(biāo)記:

          disc: 實(shí)心圓點(diǎn)

          circle: 空心圓圈

          square: 實(shí)心正方形

          <ol>

          <li></li>

          </ol>

          ol元素也可以設(shè)置不同的標(biāo)記:

          1: 阿拉伯?dāng)?shù)字

          i: 小寫羅馬數(shù)字

          I: 大寫羅馬數(shù)字

          A: 大寫字母

          a: 小寫字母

          定義列表

          適用呈現(xiàn)包含主題及描述的數(shù)據(jù)內(nèi)容.

          <dl>

          <dt>主題</dt>

          <dd>描述</dd>

          </dl>

          表格

          <table>

          <thead>

          <tr>

          <th></th>

          </tr>

          </thead>

          <tbody>

          <tr>

          <td></td>

          </tr>

          </tbody>

          </table>

          thead: 表頭

          tbody: 表體

          tfoot: 表腳

          th: 專用于表頭中的單元格, 其具有自動加粗并且居中的效果.

          表格的屬性控制:

          border: 邊框

          bordercolor: 邊框顏色

          width: 寬度

          height: 高度

          cellspacing: 單元格間距(外)

          cellpadding: 單元格填充(內(nèi))

          align: 表格的位置控制

          單元格的屬性控制:

          align

          valign

          如何合并單元格/跨行或跨列?

          <td rowspan="number" colspan="number">

          注意: 合并后, 會引發(fā)單元格數(shù)量的減少!

          列表練習(xí)案例源碼:


          <!DOCTYPE html>

          <html>

          <head>

          <meta charset="UTF-8">

          <title></title>

          </head>

          <body>

          <h1>我的電腦文件列表</h1>

          <ul>

          <li>我的電腦

          <ul>

          <li>本地磁盤(C:)

          <ul>

          <li>我的文檔</li>

          <li>我的收藏</li>

          </ul>

          </li>

          <li>本地磁盤(D:)

          <ul>

          <li>我的游戲</li>

          <li>我的資料</li>

          <li>我的電影</li>

          </ul>

          </li>

          </ul>

          </li>

          </ul>

          </body>

          </html>

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

          無序列表

          定義:<ul>...</ul> ,表示項(xiàng)目之間沒有順序規(guī)定的列表。

          內(nèi)層標(biāo)簽是 <li>...</li>,它有一個type屬性,常用的值有三種:

          • disc,實(shí)心圓點(diǎn)
          • circle,空心圓點(diǎn)(默認(rèn)值)
          • square,實(shí)心方塊

          小實(shí)例:

          <ul>
           ?  <li>默認(rèn)值</li><br>
           ?  <li type="disc">實(shí)心圓點(diǎn)</li><br>
           ?  <li type="circle">空心圓點(diǎn)</li><br>
           ?  <li type="square">實(shí)心方塊</li><br>
          </ul>



          有序列表

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

          內(nèi)層標(biāo)簽是 <li>...</li>,同樣它的type屬性常用值有四種:

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

          小實(shí)例:

          <ol>
           ?  <li>默認(rèn)值</li><br>
           ?  <li type="A">大寫字母</li><br>
           ?  <li type="a">小寫字母</li><br>
           ?  <li type="I">羅馬數(shù)字</li><br>
           ?  <li type="1">純數(shù)字</li><br><br><br>
          </ol>



          定義列表

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

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

          小實(shí)例:

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



          動手小練習(xí)

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

          上一篇:前端基礎(chǔ):HTML
          下一篇:HTML 拾色器
          主站蜘蛛池模板: 岛国无码av不卡一区二区| 成人免费一区二区无码视频| 久久一区二区三区免费| 精品国产一区二区三区色欲| 99久久精品国产免看国产一区 | 久久久久人妻精品一区| 亚洲AV无码一区二三区| 精品日韩一区二区| 亚欧免费视频一区二区三区| 一区二区三区午夜视频| 日本道免费精品一区二区| 色系一区二区三区四区五区| 精品国产一区二区三区久 | 亚洲AV无码一区二区三区久久精品| 国产免费一区二区三区不卡| 精品成人一区二区三区四区| 国产suv精品一区二区6| 韩国精品福利一区二区三区| 亚洲av乱码中文一区二区三区| 国产精品一区视频| 亚洲精品无码一区二区| 中文字幕乱码亚洲精品一区| 男插女高潮一区二区| 色一情一乱一伦一区二区三欧美| 日韩精品一区二区三区中文精品 | 精品亚洲A∨无码一区二区三区| 久久精品国产一区| 日韩精品无码一区二区三区 | 国产激情一区二区三区| 国产亚洲一区二区三区在线不卡 | 波多野结衣高清一区二区三区| 国产福利一区二区在线视频 | 香蕉一区二区三区观| 日韩精品人妻一区二区中文八零 | 亚洲乱码一区二区三区国产精品 | 亚洲V无码一区二区三区四区观看| 国产av成人一区二区三区| 久久精品国产一区二区三| 老熟妇仑乱一区二区视頻| 国产小仙女视频一区二区三区| 国产一国产一区秋霞在线观看|