一、我們先看看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  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 list-style:none; /style  /head  body  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課程）

【小編推薦】

html中的head標簽在哪里找？head標簽的作用總結

html5中的meta標簽的三要素是什么？meta標簽的使用總結

以上就是html中的ol標簽如何去掉標號呢？ ol 標簽的使用方法總結的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。