整合營銷服務(wù)商

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

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

          在網(wǎng)頁里面插入列表的方法(HTML)

          在網(wǎng)頁里面插入列表的方法(HTML)

          里介紹的列表,不是Mathematica里面的列表。

          這里的列表是這樣子的:

          相應(yīng)的Mathematica代碼是:

          • <!DOCTYPE html>

          • <html>

          • <meta charset="UTF-8">

          • <body>

          • <h2>無序列表:</h2>

          • <ul>

          • <li>我</li>

          • <li>我要</li>

          • <li>我要把</li>

          • <li>我要把你</li>

          • <li>……</li>

          • </ul>

          • <h2>有序列表:</h2>

          • <ol>

          • <li>a</li>

          • <li>ab</li>

          • <li>abc</li>

          • </ol>

          • <h2>有序列表:</h2>

          • <ol start="10">

          • <li>abcdefghij</li>

          • <li>abcdefghijk</li>

          • <li>abcdefghijkl</li>

          • </ol>

          • </body>

          • </html>

          然后,在HTML文件里面,用瀏覽器打開,是這個樣子:

          還是一大片亂碼。好像不能識別漢字的樣子。

          立和使用列表

          定義列表

          <dl></dl>列表標(biāo)簽定義列表;
          <dt>定義列表標(biāo)題;
          <dd>定義列表內(nèi)容;

          說明:

          1. dt和dd對應(yīng)著的, 一個dt可以對應(yīng)著多個dd;

          2. dd完全是為了dt服務(wù)的, 對標(biāo)題進(jìn)行描述;

          實(shí)例:

          <dl>
          <dt>標(biāo)題1</dt><dd>內(nèi)容11</dd><dd>內(nèi)容12</dd>
          <dt>標(biāo)題2</dt><dd>內(nèi)容21</dd><dd>內(nèi)容22</dd>
          </dl>


          有序列表(unordered list)

          <ol></ol> 列表標(biāo)簽定義一個標(biāo)有數(shù)字的列表;

          <ol type="value"></ol>

          1 默認(rèn)值。數(shù)字有序列表。(1、2、3、4)

          a 按字母順序排列的有序列表,小寫。(a、b、c、d)

          A 按字母順序排列的有序列表,大寫。(A、B、C、D)

          i 羅馬字母,小寫。(i, ii, iii, iv)

          I 羅馬字母,大寫。(I, II, III, IV)

          <ol>
          <li>聯(lián)系人:</li>xxx
          <li>聯(lián)系地址:</li>北京市豐臺區(qū)
          <li>郵政編碼:</li>100036
          </ol>


          無序列表(ordered list)

          <ul></ul> 列表標(biāo)簽定義一個標(biāo)有圓點(diǎn)的列表;

          <ul type="value"></ul>

          disc 默認(rèn)值,實(shí)心圓。

          circle 空心圓。

          square 實(shí)心方塊。

          <ul>
          <li></li>
          <li></li>
          <li></li>
          </ul>


          目錄列表 所有主流瀏覽器都支持 <dir> 標(biāo)簽。。

          <dir></dir>標(biāo)簽定義目錄列表。

          <dir>
          <li>HTML</li>
          <li>XHTML</li>
          <li>CSS</li>
          </dir>

          菜單列表 目前所有主流瀏覽器都不支持 <menu> 標(biāo)簽。

          <menu></menu>標(biāo)簽可定義一個菜單列表。

          <menu>
          <li>html</li>
          <li>xhtml</li>
          </menu>

          在實(shí)際工作中, 它的用途較少, 大部分我們還是用ul;

          另外還可以使用:

          <div align=""></div>分區(qū)標(biāo)簽,用來排版大塊HTML段落,也用于格式化表


          x0列表的類型

          定義列表 dl

          無序列表 ul

          目錄列表 dir

          菜單列表 menu

          有序列表 ol

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

          插入無序列表<ul>

          例子:<ul>之間使用<li></li>標(biāo)記列表項(xiàng)值


          插入目錄列表<dir>

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

          插入菜單列表<menu>:

          插入有序列表<ol>

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


          主站蜘蛛池模板: 中文字幕人妻无码一区二区三区| 伊人色综合一区二区三区影院视频 | 中文字幕一区一区三区| 日韩电影在线观看第一区| 无码人妻精品一区二区三区蜜桃 | 久久毛片免费看一区二区三区| 91福利一区二区| 无码视频一区二区三区在线观看 | 亚洲一区在线视频| 国产一区二区三区在线看| 国产在线观看一区精品| 国产午夜三级一区二区三| 国产精品免费一区二区三区| 天天躁日日躁狠狠躁一区| 在线|一区二区三区四区| 一区二区三区无码被窝影院| 久久精品免费一区二区| 亚洲丰满熟女一区二区v| 国产精品视频一区二区猎奇| 一区二区不卡在线| 怡红院AV一区二区三区| 波多野结衣中文字幕一区| 国产精品伦子一区二区三区| 国产三级一区二区三区| 四虎永久在线精品免费一区二区| 精品一区精品二区| 夜夜精品无码一区二区三区| 精品国产香蕉伊思人在线在线亚洲一区二区| 国产成人一区二区精品非洲| 痴汉中文字幕视频一区| 久久国产香蕉一区精品| 亚洲av无码不卡一区二区三区| 日韩内射美女人妻一区二区三区 | 在线观看中文字幕一区| 国产精品成人99一区无码| 中文字幕一区在线观看| 少妇精品久久久一区二区三区| 国产99久久精品一区二区| 日韩精品一区二区三区毛片| 国产精品被窝福利一区 | 日韩精品一区二区午夜成人版|