明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線(xiàn)學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

html中的有序下文與無(wú)序下文

[摘要]本篇文章主要介紹html中的有序與無(wú)序列表示如何編寫(xiě)的,對(duì)于剛開(kāi)始學(xué)習(xí)的小伙伴還是非常有幫助的,感興趣的朋友參考下。有序列表代碼如下:<html> <h2>數(shù)字顯示</h2> <ol> <li>第一天</li> <...
本篇文章主要介紹html中的有序與無(wú)序列表示如何編寫(xiě)的,對(duì)于剛開(kāi)始學(xué)習(xí)的小伙伴還是非常有幫助的,感興趣的朋友參考下。

有序列表代碼如下:

<html>  
<h2>數(shù)字顯示</h2>  
<ol>  
<li>第一天</li>  
<li>第二天</li>  
<li>第三天</li>  
<li>第四天</li>  
</ol>  
  
<h2>字母顯示</h2>  
<ol type="a">  
<li>第一天</li>  
<li>第二天</li>  
<li>第三天</li>  
<li>第四天</li>  
</ol>  
  
<h2>小寫(xiě)羅馬數(shù)字顯示</h2>  
<ol type="i">  
<li>第一天</li>  
<li>第二天</li>  
<li>第三天</li>  
<li>第四天</li>  
</ol>  
  
<h2>大寫(xiě)羅馬數(shù)字顯示</h2>  
<ol type="I">  
<li>第一天</li>  
<li>第二天</li>  
<li>第三天</li>  
<li>第四天</li>  
</ol>  
  
<h2>數(shù)字顯示,自己確定開(kāi)始數(shù)字</h2>  
<ol start="5">  
<li>第一天</li>  
<li>第二天</li>  
<li>第三天</li>  
<li>第四天</li>  
</ol>  
<html>

效果如下:

55.png

無(wú)序列表代碼如下:

<html>  
********默認(rèn)為實(shí)心圓*********  
<ul>  
<li>第一天</li>  
<li>第二天</li>  
<li>第三天</li>  
<li>第四天</li>  
</ul>  
  
********空心圓顯示*********  
<ul type="circle">  
<li>第一天</li>  
<li>第二天</li>  
<li>第三天</li>  
<li>第四天</li>  
</ul>  
  
********實(shí)心矩形顯示*********  
<ul type="square">  
<li>第一天</li>  
<li>第二天</li>  
<li>第三天</li>  
<li>第四天</li>  
</ul>  
</html>

效果如下:

56.png

相關(guān)推薦:

什么是無(wú)序列表、有序列表 、定義列表?html列表標(biāo)簽學(xué)習(xí)筆記

關(guān)于HTML列表的詳細(xì)介紹

HTML列表標(biāo)簽dl、ul、ol 的使用

以上就是html中的有序列表和無(wú)序列表的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ),涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。