第五周技术博客

Posted 2020-07-03

　　我写的是对html5的UL和ol的知识梳理

　　UL是无序列表OL是有序列表

　　UL的type形式有三种:disc(实体圆)circle(空心圆)square(实体方块)

　　具体使用方法：<ul type="disc">

　　　　　　　　　　<li>苹果</li>

　　　　　　　　　　<li>香蕉</li>

　　　　　　　　　</ul>

• 苹果
• 香蕉

　　效果和以上一样

　　在html文件中，写入ol，利用li添加列表内容，可以看到，ol的列表是有序排列的

　　<ol>  

　　<li>土豆</li>

　　<li>洋葱</li>  

　　<li>胡萝卜</li> 

　　</ol>

　　OL这标签是以有序列表的形式来显示数据的，它会自动为数据加上编号

　　OL中只要给LI加上value属性就可以控制序号。

　　<ol>  

  　 <li value="2">土豆</li>  

　　<li value="1">洋葱</li>

　   <li value="3">胡萝卜</li>

　   </ol>  

　　因为老师是在理论课上讲解的，有很多地方我并不是很理解，所以对此梳理了一下。