- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號大全
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 6Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 7Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 8最新的Adobe Illustrator CS4序列號大全
- 9Intel i7-9700K性能跑分曝光：同代提升約12%
- 10qq郵件是否已讀怎么看 QQ郵箱已經發出去的郵件怎么知道對方是否已經查看
- 11XP系統怎么清除緩存？
- 12AMD推土機架構回顧：雖隕落卻是Zen成功的墊腳石
[摘要]本篇文章介紹了html的ol標簽是怎么去掉序號標號的，這里還有代碼的詳細解釋，還有介紹了關于html ol有序列表標簽如何更改序號，下文介紹了三種序號，大家也可以自己去想填寫怎樣的序號。現在來看這篇文章吧一、我們先看看html中的ol標簽是如何去掉標號的呢：我們都知道html的ol標簽是個有序列表...
本篇文章介紹了html的ol標簽是怎么去掉序號標號的，這里還有代碼的詳細解釋，還有介紹了關于html ol有序列表標簽如何更改序號，下文介紹了三種序號，大家也可以自己去想填寫怎樣的序號。現在來看這篇文章吧一、我們先看看html中的ol標簽是如何去掉標號的呢：
我們都知道html的ol標簽是個有序列表的標簽，通常都是以1、2、3、4這樣一直持續下去的，有時候你又不想它就這樣一直下去，想把這些數字換成別的，比如換成你自己序號啊A、I、i之類的，還比如你不要這些符號了，想把前面的序號給去掉，前面我們先說說如何去掉序號。(想看更多就來PHP中文網，關于HTML編程的課程)
讓我們先看個完整的代碼實例吧
<!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文網</title> </head> <body> <ol> <li>php中文網</li> <li>百度</li> <li>騰訊</li> </ol> </body> </html>
這是一個基本的ol標簽的代碼，效果如下圖顯示：
我們很明顯的能看到，這ol標簽的序號默認都是123開始的，都是以小寫數字做為默認的序號的，那么我們要做的就是要把序號給去掉。
現在給大家看一個已經去掉ol標簽序號的代碼實例：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網</title>
<style type="text/css">
ol{
list-style:none;
}
</style>
</head>
<body>
<ol>
<li>php中文網</li>
<li>百度</li>
<li>騰訊</li>
</ol>
</body>
</html>
跟上面也差不多，這里比上面多加了一點層疊樣式表css樣式，這個樣式，你現在還不需要去理解，這個以后會講到，現在要做的就是把這個css樣式的代碼記住了，這個樣式作用就是把當前網頁內的所有ol標簽內的序號都給取消了，效果如圖：
上面已經沒有序號了，很顯然我們的實驗成功了，雖然用了css樣式，但這只是最簡單的樣式實例。用這個方法去掉標簽是最簡單也是最常用的一種方法。
二、現在我們來看看如何更改ol標簽中的序號：
這里我們不需要css樣式了，只是最基本的html的標簽中的屬性而已。
現在我們介紹這個ol標簽中的type屬性：type屬性定義了ol列表中的序號類型。
接下來我們以“A”、“I”、“i”三種來實驗一下：
下面是這個的代碼：
<body> <ol type="A"> <li>php中文網</li> <li>百度</li> <li>騰訊</li> </ol> </body>
效果如下圖所示：
這個屬性規定了ol標簽的序號改為以“A”開頭的列表形式了，所以顯示出來就是這樣的。
當這個type屬性值等于"a"時也一樣，從小寫的a開始，abc之類的。
當這個type屬性值等于“I”時也一樣，來看看效果：
當這個type屬性值等于“i”時和等于“I”也差不多。
關于html ol標簽用法的個人總結：
現在我們基本能想到用ol標簽去做各種列表了，想要什么序號就改成什么序號，你的列表你說了算。ol有序列表定義的是它能把任何能無限延長的序號都能用上，如果序號都一樣的話就和無序列表沒區別了。所以還是好好使用有序列表吧。（想學更多就來：PHP中文網學HTML課程）
【小編推薦】
html5中的meta標簽的三要素是什么？meta標簽的使用總結
以上就是html中的ol標簽如何去掉標號呢？<ol>標簽的使用方法總結的詳細內容，更多請關注php中文網其它相關文章！
網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
推薦資訊 總人氣榜
相關文章
- 在html中如何點出head標簽？head標簽中包含的元素有哪一些？
- HTML button標簽是否有超鏈接？這有button標簽設置超鏈接的案例
- HTML如何自定義dialog背景？一篇文章教你如何自定義dialog！
- html frame標簽如何使用？frame標簽的用法說明（附案例）
- html中的head標簽在什么地方里找？head標簽的作用總結
- html中b標簽與strong標簽的區別是什么？b與strong區別的總結
- HTML <a> download屬性使用方法詳細說明
- xhtml與html之間有什么區別？xhtml與html之間的異同區分
- html中的document對象是什么？一篇文章讓你知道document對象
- html font標簽如何設置字體大小？html font標簽屬性用法說明
- HTML中添加圖片的代碼是什么？html如何正確的添加圖片路徑？
- HTML中的圖片如何自適應屏幕？這篇文章有圖片的自適應用法說明
