html无序列表的使用（18）
的有关信息介绍如下：
无序列表也是一种表，只不过其是没有顺序的，但是会一个一个的进行排列，我
们可以在每一行的前面加上符号，这样看起就更加规范了，下面我们就来教大家
如何使用无序列表。
1.如图所示，我们新建一个记事本，并将记事本的名字改为“html无序列表的使
用（18）.html”，并回车键确定，以使文件转化为浏览器可以打开的html网页
文件。
2.如图所示，我们在文件图标上鼠标右击，在弹出的下拉列表菜单中，我们依次
选择“打开方式（H）”，之后选择“Sublime Text”这个程序。
3.如图所示，我们写一个标签用来声明这是一个html5的文档，
再写一个标签用来包含html文档的主体部分。
4.如图所示，我们写一个
标签用来包含html文档的头部部分，
写上
标签用来包含页的标题，再写一个<meta>标签来设置文字的编码方</p><p>式为UTF-8，以次让浏览器更好的显示我们所编写的网页。</p><p>5.如图所示，我们写上html的主体用<body>标签包含，里面在写一个ul标签，ul</p><p>标签用于定义无序列表的标签，li则用于定义列表项目。</p><p>6.如图所示，我们写3个列表项，用li定义3个列表项，其默认列表前面的符号为</p><p>实心的圆点。</p><p>7.如图所示，我们再写一个ul定义一个无序列表，并且设置其list-style-type</p><p>的值为circle，则其列表的项目前面符号为空心圆。</p><p>8.如图所示，我们再写一个ul定义一个无序列表，并且设置其list-style-type</p><p>的值为square，则其列表的项目前面符号为实心方圆。</p><p>9.如图所示，我们鼠标右击，在弹出的下拉列表菜单中，我们选择“在浏览器中</p><p>打开”这一项。</p><p>10.如图所示，我们看到其第一个无序列表的前面符号为实心圆点，第二个无序</p><p>列表的前面符号为空心圆点，第三个无序列表的前面符号为实心方点。</p><p>11.如图所示，这是本案例的源代码，以供大家参考哦！</p><p><!-- 用<!DOCTYPE html>来声明这是一个html5的文档 --></p><p><!DOCTYPE html></p><p><!-- 用<html>标签来包含网页的主体 --></p><p><html></p><p><!-- 用head标签包含html的头部部分 --></p><p><head></p><p><!-- 用title标签来写入网页的标题 --></p><p><title>html无序列表的使用（18）- 我是无序列表第一行
- 我是无序列表第二行
- 我是无序列表第三行
- 我是无序列表第一行
- 我是无序列表第二行
- 我是无序列表第三行
- 我是无序列表第一行
- 我是无序列表第二行
- 我是无序列表第三行
Simone
