明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

對于html中有序下文與無序下文的圖文代碼詳細說明

[摘要]編寫有序列表,代碼如下:<html><h2>數(shù)字顯示</h2><ol><li>第一天</li><li>第二天</li><li>第三天</li><li>第四天</...
編寫有序列表,代碼如下:

<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>小寫羅馬數(shù)字顯示</h2>
<ol type="i">
<li>第一天</li>
<li>第二天</li>
<li>第三天</li>
<li>第四天</li>
</ol>

<h2>大寫羅馬數(shù)字顯示</h2>
<ol type="I">
<li>第一天</li>
<li>第二天</li>
<li>第三天</li>
<li>第四天</li>
</ol>

<h2>數(shù)字顯示,自己確定開始數(shù)字</h2>
<ol start="5">
<li>第一天</li>
<li>第二天</li>
<li>第三天</li>
<li>第四天</li>
</ol>
<html>

顯示效果為:

關于html中有序列表與無序列表的圖文代碼詳解

無序列表的代碼如下:

<html>
********默認為實心圓*********
<ul>
<li>第一天</li>
<li>第二天</li>
<li>第三天</li>
<li>第四天</li>
</ul>

********空心圓顯示*********
<ul type="circle">
<li>第一天</li>
<li>第二天</li>
<li>第三天</li>
<li>第四天</li>
</ul>

********實心矩形顯示*********
<ul type="square">
<li>第一天</li>
<li>第二天</li>
<li>第三天</li>
<li>第四天</li>
</ul>
</html>

顯示效果為:

關于html中有序列表與無序列表的圖文代碼詳解

以上就是關于html中有序列表與無序列表的圖文代碼詳解的詳細內容,更多請關注php中文網其它相關文章!


網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。