云南網站建設創新企業 昆明多彩網絡公司

|網頁對話|電話:0871-63215311

html進階:使用html中的列表項li

來源:昆明多彩網絡公司 日期:2010-12-13 閱讀: 發表評論

怎么使用html中的列表項li標簽?

你一直想添加列表到網頁中去?嗯,這里介紹一些怎么樣將li添加到網頁中去的教程。

首先,我們需要有一個開始的標記和結束的標簽組成整個列表。對于初學者來說,一開始最好使用一個無序列表,創建一個具有一些符號開頭的列表項目,整個列表的開始標記是<ul>,那么結束標記是什么呢?...沒錯,你猜對了... </ ul>。

現在,來展示列表的每個項目,可以使用<li>標簽,后面是需要呈現的列表內容</li>,這樣可以做制作標簽每個列表項。這里是一個有兩個列表項的示例列表:

<ul>

<li>我是第一個網站建設列表項</li>

<li>我是第二個網站制作列表項</li>

</ul>

這個時候會顯示

列表會縮進一些距離,借此來告訴瀏覽者他們是一個列表項。

同時列表<li>之前的圓點是可以自由定義的,下面列出了幾種類型。

類型 說明
disc 實心圓
circle 空心圓
square 實心方塊
decimal 阿拉伯數字

如果你想在列表前面使用方塊標記,可以像這樣使用:

<ul type="square">

<li>Square 1</li>

<li>Square 2</li>

</ul>

他們效果會是這樣: 

  • Square 1
  • Square 2

  同樣的,如果你想使用阿拉伯數字:

  1. Item 1
  2. Item 2
  3. Item 3

還可以在li中使用羅馬數字:

<ol type="I">

<li>網站建設之羅馬數字 I</li>

<li>網站建設之羅馬數字 II</li>

</ol> 

  1. 網站建設之羅馬數字 I
  2. 網站建設之羅馬數字 II

好了,這就是li列表標簽,下面我們來學習><body>標簽屬性。

發表評論評論列表(有 條評論)

網頁對話 0871-63215311
新疆时时下载手机版 河北快3专家预测推荐 挂机赚钱开通会员 重庆时时彩开奖记录 三分彩全天计划软件 山东11选5遗漏 波克千炮捕鱼正版官网 一个人没有赚钱的能力 赌场百乐门玩法 电脑彩票app 正宗哈尔滨麻将游戏 杰克棋牌骗了多少人 吉祥财神捕鱼机 县城人力资源公司怎么赚钱 oppo波克捕鱼兑换码 格格赚钱 福彩25选5中奖