整合營銷服務商

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

          免費咨詢熱線:

          HTML 簡單的<li> 標簽

          HTML 兩個列表實例: 一個有序列表 (<ol>) 和 一個無序列表 (<ul>) :

          <ol>

          <li>Coffee</li>

          <li>Tea</li>

          <li>Milk</li>

          </ol>

          <ul>

          <li>Coffee</li>

          <li>Tea</li>

          <li>Milk</li>

          </ul>


          瀏覽器支持

          目前多數主流瀏覽器支持 <li>標簽。


          標簽定義及使用說明

          <li> 標簽定義列表項目。

          <li> 標簽可用在有序列表(<ol>)、無序列表(<ul>)和菜單列表(<menu>)中。


          HTML 4.01 與 HTML5之間的差異

          "type" 屬性 在 HTML 4.01 已被廢棄。HTML5 不支持該屬性。

          "value" 屬性 在 HTML 4.01 已被廢棄。HTML5 不支持該屬性。


          提示和注釋

          提示: 請使用 CSS 來定義列表和列表項目的類型。


          屬性

          屬性描述
          type1AaIidiscsquarecircleHTML5 不支持該屬性。HTML 4.01 已廢棄該屬性。 不贊成使用。請使用樣式取代它。 規定使用哪種項目符號。
          valuenumber不贊成使用。請使用樣式取代它。 規定列表項目的數字。

          全局屬性

          <li> 標簽支持全局屬性,查看完整屬性表 HTML 全局屬性。


          事件屬性

          <li> 標簽支持所有 HTML 事件屬性。

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

          2 個不同的有序列表實例:

          <ol>

          <li>Coffee</li>

          <li>Tea</li>

          <li>Milk</li>

          </ol>

          <ol start="50">

          <li>Coffee</li>

          <li>Tea</li>

          <li>Milk</li>

          </ol>


          瀏覽器支持

          目前大多數瀏覽器支持 <ol> 標簽。


          標簽定義及使用說明

          <ol> 標簽定義了一個有序列表. 列表排序以數字來顯示。

          使用<li> 標簽來定義列表選項。


          提示和注釋

          提示: 如果需要無序列表,請使用 <ul> 標簽。

          提示:使用 CSS 來定義列表樣式。


          HTML 4.01 與 HTML5中的差異

          在 HTML 4.01 中"start" 和 "type" 屬性已經廢棄,HTML5不支持該屬性。

          "reversed" 屬性是 HTML5 中的新屬性。

          在HTML 4.01中"compact" 屬性已經廢棄,在 HTML5中不支持該屬性。


          屬性

          New:HTML5 新屬性。

          屬性描述
          compactcompactHTML5中不支持,不贊成使用。請使用樣式取代它。 規定列表呈現的效果比正常情況更小巧。
          reversedNewreversed指定列表倒序(9,8,7...)
          startnumberHTML5不支持,不贊成使用。請使用樣式取代它。 規定列表中的起始點。
          type1AaIi規定列表的類型。不贊成使用。請使用樣式代替。

          全局屬性

          <ol> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。


          事件屬性

          <ol> 標簽支持所有 HTML事件屬性。

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

          .br 強制換行標簽

          讓后面的文字、圖片、表格等等,顯示在下一行




          碼海無際<br>碼海無際

          2.p 換段落標簽

          在網頁中要把文字有條理地顯示出來,離不開段落標簽,就如同我們平常寫文章一樣,整個網頁也可以分為若干個段落,而段落的標簽就是



          <p>碼海無際</p><p>碼海無際</p>

          3.hr 水平分割線標簽

          在網頁中常常看到一些水平線將段落與段落之間隔開,使得文檔結構清晰,層次分明。這些水平線可以通過插入圖片實現,也可以簡單地通過標簽來完成,hr 就是創建橫跨網頁水平線的標簽。




          碼海無際<hr>碼海無際

          4.div 分區顯示標簽

          分區顯示標簽,也稱之為層標簽,常用來編排一大段的HTML段落,也可以用于格式化表,和 p 很相似,是塊狀元素,經常嵌套使用。







          <div>碼海無際</div><div>碼海無際</div><div>  <div>碼海無際</div>  <div>碼海無際</div></div>

          5.span 行內標簽

          用來組合文檔中的行內元素,沒有固定的格式表現。當對它應用樣式時,它才會產生視覺上的變化。



          <span>碼海無際</span><span>碼海無際</span>

          6.pre 預格式化標簽

          pre 元素可定義預格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。而文本也會呈現為等寬字體。





          <pre>  碼海無際  碼海無際</pre>

          7.ul 無序列表標簽

          無序列表的各個列表項之間沒有順序級別之分,是并列的。






          <ul>  <li>碼海無際</li>  <li>碼海無際</li>  <li>碼海無際</li></ul>

          注意:




           1. <ul></ul>中只能嵌套<li></li>,直接在<ul></ul>標簽中輸入其他標簽或者文字的做法是不被允許的。 2. <li>與</li>之間相當于一個容器,可以容納所有元素。 3. 無序列表會帶有自己樣式屬性,但是不推薦使用,一般會用CSS設置。

          8.ol 有序列表標簽

          有序列表即為有排列順序的列表,其各個列表項按照一定的順序排列定義

          1.格式:





          <ol type="符號類型">    <li type="符號類型"></li>    <li type="符號類型"></li></ol>

          2.有序列表的type屬性值:

          • 1:阿拉伯數字1.2.3等等,默認type屬性值
          • A:大小字母A、B、C等等
          • a:小寫字母a、b、c等等
          • Ⅰ:大寫羅馬數字Ⅰ、Ⅱ、Ⅲ、Ⅳ等等
          • ⅰ:小寫羅馬數字ⅰ、ⅱ、ⅲ、ⅳ等等

          3.有序列表的value屬性值:

          • 指定一個新的序列數字起始值

          4.列表可以進行嵌套







































          <ol>  <li>碼海無際</li>  <li>碼海無際</li>  <li>碼海無際</li></ol><hr><ol type="A">  <li>碼海無際</li>  <li>碼海無際</li>  <li>碼海無際</li></ol><hr><ol>  <li>碼海無際</li>  <li type="A">碼海無際</li>  <li>碼海無際</li></ol><hr><ol>  <li>碼海無際</li>  <li>碼海無際</li>  <li value="6" type="A">碼海無際</li>  <li>碼海無際</li>  <li>碼海無際</li></ol><hr><ol>  <li>碼海無際</li>  <li>碼海無際</li>  <li>    <ol type="A">      <li>志存高遠</li>      <li>志存高遠</li>    </ol>  </li>  <li>碼海無際</li>  <li>碼海無際</li></ol>

          9.dl 自定義型列表標簽

          對列表條目進行簡短的說明







          <dl>  <dt>軟件說明:</dt>  <dd>這是軟件說明</dd>  <dt>軟件界面:</dt>  <dd>這是軟軟件界面</dd></dl>

          10.center 居中對齊標簽

          居中對齊


          <center>碼海無際</center>

          主站蜘蛛池模板: 无码精品人妻一区二区三区漫画 | 亚洲av无码片区一区二区三区| 国产精品高清视亚洲一区二区 | 亚洲国产精品一区| 中文字幕亚洲一区二区三区| 国产在线精品一区二区在线看| 蜜桃无码一区二区三区| 久久人做人爽一区二区三区| 北岛玲在线一区二区| 亚洲av日韩综合一区二区三区| 制服丝袜一区在线| 国内偷窥一区二区三区视频| 精品人妻一区二区三区毛片| 国产精品无码一区二区在线观一 | 另类国产精品一区二区| 日本午夜精品一区二区三区电影| 国产一区二区三区日韩精品| 丰满爆乳无码一区二区三区| 无码人妻精一区二区三区| 国产成人精品第一区二区| 日本韩国一区二区三区| 亚洲日韩AV一区二区三区中文 | 亚洲av无码一区二区三区人妖| 免费无码一区二区三区| 国产一区二区好的精华液| 无码毛片一区二区三区中文字幕 | 精品国产亚洲一区二区在线观看| 区三区激情福利综合中文字幕在线一区 | 国产在线精品一区二区夜色| 久久4k岛国高清一区二区| 亚洲av永久无码一区二区三区| 亚洲爽爽一区二区三区| 中文字幕一区二区三匹| 国产一区二区三区免费看| 免费视频精品一区二区三区| 另类ts人妖一区二区三区| 一区二区视频在线| 一区二区三区AV高清免费波多| 亚洲国产av一区二区三区丶| 动漫精品专区一区二区三区不卡| 97一区二区三区四区久久|