(转)HTML有序列表和无序列表

最新推荐文章于 2024-09-29 23:49:31 发布

ElvisDu

最新推荐文章于 2024-09-29 23:49:31 发布

阅读量1k

点赞数 1

分类专栏：前端相关

前端相关专栏收录该内容

14 篇文章 0 订阅

订阅专栏

原地址：http://blog.csdn.net/youyajie/article/details/7493639/

编写有序列表，代码如下：

[html]view plaincopy 
   
 <html>  
 <h2>数字显示</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>小写罗马数字显示</h2>  
 <ol type="i">  
 <li>第一天</li>  
 <li>第二天</li>  
 <li>第三天</li>  
 <li>第四天</li>  
 </ol>  
   
 <h2>大写罗马数字显示</h2>  
 <ol type="I">  
 <li>第一天</li>  
 <li>第二天</li>  
 <li>第三天</li>  
 <li>第四天</li>  
 </ol>  
   
 <h2>数字显示,自己确定开始数字</h2>  
 <ol start="5">  
 <li>第一天</li>  
 <li>第二天</li>  
 <li>第三天</li>  
 <li>第四天</li>  
 </ol>  
 <html>  

显示效果为：

无序列表的代码如下：

[html]view plaincopy 
   
 <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>  