整合營銷服務(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>

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


          主站蜘蛛池模板: 国产精品无码一区二区在线观| 日韩精品一区二区三区色欲AV| 亚洲AV成人一区二区三区观看| 在线观看视频一区二区| 日韩精品国产一区| 精品一区二区三区四区电影| 国产乱码精品一区二区三区中文 | 精品日韩一区二区| 国产人妖视频一区二区| 国产色欲AV一区二区三区| 成人区精品一区二区不卡| 精品无码AV一区二区三区不卡 | 国产一区二区三区播放心情潘金莲| 人妻免费一区二区三区最新| 国产在线精品观看一区| 国产激情一区二区三区小说| 亚洲AV香蕉一区区二区三区| 3D动漫精品一区二区三区| 精品无码av一区二区三区| 精品无码av一区二区三区| 日韩内射美女人妻一区二区三区| 国产区精品一区二区不卡中文| 亚洲欧洲∨国产一区二区三区| 91福利国产在线观看一区二区| 久久精品中文字幕一区| 91久久精一区二区三区大全| 中文字幕一区在线| 国产一区二区免费| 少妇无码一区二区二三区| 亚洲国产一区在线观看| 色噜噜狠狠一区二区三区| 亚洲色精品三区二区一区| 在线观看一区二区三区视频| 韩国精品一区二区三区无码视频| 日韩美一区二区三区| 久久亚洲中文字幕精品一区四| 国产免费无码一区二区| 99精品一区二区三区无码吞精| 国产一区二区在线| 黄桃AV无码免费一区二区三区 | 一区二区三区电影在线观看|