HTML中列表元素的使用

打开PyCharm开发工具，新建‘li.html’ 文件，定义一个无序列表ul，代码如下;            

       
• first
       
• second
       
• third
   

点击左上角浏览器，查看效果如下图，无序列表前有个黑点

去掉ul中每行前的黑点只需加一个样式，修改ul标签如下：

再次点击浏览器，查看效果，发现黑点已经不见了

有序列表ol，字母o理解成order的意思，方便记忆，定义一个有序列表如下：            

       
• first
       
• second
       
• third
   

       
1. o1
       
2. o2
       
3. o3
   

点击左上角浏览器，查看效果如下图，有序列表前有序号

定义列表不太常见，但也是一种标签，定义一个定义列表，完整代码如下            

       
• first
       
• second
       
• third
   

       
1. o1
       
2. o2
       
3. o3
   

       

html

       

超文本标记语言

       

python

       

开发语言

   

点击左上角浏览器，查看效果如下图，定义列表会自动缩进