php中的ol标签,html中的ol标签如何去掉标号呢？ol标签的使用方法总结
本篇文章介紹了html的ol標(biāo)簽是怎么去掉序號(hào)標(biāo)號(hào)的，這里還有代碼的詳細(xì)解釋，還有介紹了關(guān)于html ol有序列表標(biāo)簽如何更改序號(hào)，下文介紹了三種序號(hào)，大家也可以自己去想填寫(xiě)怎樣的序號(hào)。現(xiàn)在來(lái)看這篇文章吧
一、我們先看看html中的ol標(biāo)簽是如何去掉標(biāo)號(hào)的呢：
我們都知道html的ol標(biāo)簽是個(gè)有序列表的標(biāo)簽，通常都是以1、2、3、4這樣一直持續(xù)下去的，有時(shí)候你又不想它就這樣一直下去，想把這些數(shù)字換成別的，比如換成你自己序號(hào)啊A、I、i之類的，還比如你不要這些符號(hào)了，想把前面的序號(hào)給去掉，前面我們先說(shuō)說(shuō)如何去掉序號(hào)。(想看更多就來(lái)PHP中文網(wǎng)，關(guān)于HTML編程的課程)
讓我們先看個(gè)完整的代碼實(shí)例吧
PHP中文網(wǎng)這是一個(gè)基本的ol標(biāo)簽的代碼，效果如下圖顯示：
我們很明顯的能看到，這ol標(biāo)簽的序號(hào)默認(rèn)都是123開(kāi)始的，都是以小寫(xiě)數(shù)字做為默認(rèn)的序號(hào)的，那么我們要做的就是要把序號(hào)給去掉。
現(xiàn)在給大家看一個(gè)已經(jīng)去掉ol標(biāo)簽序號(hào)的代碼實(shí)例：
PHP中文網(wǎng)ol{
list-style:none;
}
跟上面也差
不多，這里比上面多加了一點(diǎn)層疊樣式表css樣式，這個(gè)樣式，你現(xiàn)在還不需要去理解，這個(gè)以后會(huì)講到，現(xiàn)在要做的就是把這個(gè)css樣式的代碼記住了，這個(gè)樣式作用就是把當(dāng)前網(wǎng)頁(yè)內(nèi)的所有ol標(biāo)簽內(nèi)的序號(hào)都給取消了，效果如圖：
上面已經(jīng)沒(méi)有序號(hào)了，很顯然我們的實(shí)驗(yàn)成功了，雖然用了css樣式，但這只是最簡(jiǎn)單的樣式實(shí)例。用這個(gè)方法去掉標(biāo)簽是最簡(jiǎn)單也是最常用的一種方法。
二、現(xiàn)在我們來(lái)看看如何更改ol標(biāo)簽中的序號(hào)：
這里我們不需要css樣式了，只是最基本的html的標(biāo)簽中的屬性而已。
現(xiàn)在我們介紹這個(gè)ol標(biāo)簽中的type屬性：type屬性定義了ol列表中的序號(hào)類型。
接下來(lái)我們以“A”、“I”、“i”三種來(lái)實(shí)驗(yàn)一下：
下面是這個(gè)的代碼：
效果如下圖所示：
這個(gè)屬性規(guī)定了ol標(biāo)簽的序號(hào)改為以“A”開(kāi)頭的列表形式了，所以顯示出來(lái)就是這樣的。
當(dāng)這個(gè)type屬性值等于"a"時(shí)也一樣，從小寫(xiě)的a開(kāi)始，abc之類的。
當(dāng)這個(gè)type屬性值等于“I”時(shí)也一樣，來(lái)看看效果：
當(dāng)這個(gè)type屬性值等于“i”時(shí)和等于“I”也差不多。
關(guān)于html ol標(biāo)簽用法的個(gè)人總結(jié)：
現(xiàn)在我們基本能想到用ol標(biāo)簽去做各種列表了，想要什么序號(hào)就改成什么序號(hào)，你的列表你說(shuō)了算。ol有序列表定義的是它能把任何能無(wú)限延長(zhǎng)的序號(hào)都能用上，如果序號(hào)都一樣的話就和無(wú)序列表沒(méi)區(qū)別了。所以還是好好使用有序列表吧。(想學(xué)更多就來(lái)：PHP中文網(wǎng)學(xué)HTML課程)
【小編推薦】
以上就是html中的ol標(biāo)簽如何去掉標(biāo)號(hào)呢？
本文原創(chuàng)發(fā)布php中文網(wǎng)，轉(zhuǎn)載請(qǐng)注明出處，感謝您的尊重！
總結(jié)
以上是生活随笔為你收集整理的php中的ol标签,html中的ol标签如何去掉标号呢？ol标签的使用方法总结的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 如何利用fooview实现钉钉自动打卡
- 下一篇： npm 无法将“npm”项识别为 cmd