HTML中列表元素的使用
1、打开PyCharm开发工具，新建‘li.html’ 文件，定义一个无序列表ul，代码如下;
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <ul> <li>first</li> <li>second</li> <li>third</li> </ul></body></html>
2、点击左上角浏览器，查看效果如下图，无序列表前有个黑点
3、去掉ul中每行前的黑点只需加一个样式，修改ul标签如下：
<ul style="list-style:none">
再次点击浏览器，查看效果，发现黑点已经不见了
4、有序列表ol，字母o理解成order的意思，方便记忆，定义一个有序列表如下：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <ul style="list-style:none"> <li>first</li> <li>second</li> <li>third</li> </ul> <ol> <li>o1</li> <li>o2</li> <li>o3</li> </ol></body></html>
5、点击左上角浏览器，查看效果如下图，有序列表前有序号
6、定义列表不太常见，但也是一种标签，定义一个定义列表，完整代码如下
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <ul style="list-style:none"> <li>first</li> <li>second</li> <li>third</li> </ul> <ol> <li>o1</li> <li>o2</li> <li>o3</li> </ol> <dl> <dt>html</dt> <dd>超文本标记语言</dd> <dt>python</dt> <dd>开发语言</dd> </dl></body></html>
7、点击左上角浏览器，查看效果如下图，定义列表会自动缩进
