<ul><li>文本</li></ul>显示没有前后顺序的列表信息，自带一个小圆点
<ol><li>文本</ol></li>显示有前后顺序的列表信息，自带1，2，3顺序
<div></div>相当于容器
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>div标签</title> 6 <style type="text/css"> 7 div{ 8 color:blue; 9 } 10 </style> 11 </head> 12 <body> 13 <div <!--style="color:#0000FF"-->> 14 <h2>热门课程排行榜</h2> 15 <ol> 16 <li>前端开发面试心法 </li> 17 <li>零基础学习html</li> 18 <li>javascript全攻略</li> 19 </ol> 20 </div> 21 <div> 22 <h2>最新课程排行</h2> 23 <ol> 24 <li>版本管理工具介绍—Git篇 </li> 25 <li>Canvas绘图详解</li> 26 <li>QQ5.0侧滑菜单</li> 27 </ol> 28 </div> 29 </body> 30 </html>
原文：http://www.cnblogs.com/633sylss/p/5500892.html