html有序列表的使用（19）
1、如图所示，我们新建一个记事本，并将记事本的名字改为“html有序列表的使
用（19）.html”，并回车键确定，以使文件转化为浏览器可以打开的html网页
文件。
2、如图所示，我们在文件图标上鼠标右击，在弹出的下拉列表菜单中，我们依次
选择“打开方式（H）”，之后选择“Sublime Text”这个程序。
3、如图所示，我们写一个<!DOCTYPE html>标签用来声明这是一个html5的文档，
在写一个,<html>标签用来包含html文档的主主体部分。
4、如图所示，我们写一个<head>标签用来包含html文档的头部部分，
写上<title>标签用来包含页的标题，再写一个<meta>标签来设置文字的编码方
式为UTF-8，以次让浏览器更好的显示我们所编写的网页。
5、如图所示，我们写上html的主体用<body>标签包含，里面在写一个ol标签，来
定义一个有序列表，并且用li定义列表的项目，li定义列表项这个和ul无序列表
定义列表项一样，因为都是列表的项目，之后我们定义了3个列表项，这个没有
设置有序列表前面是什么序号的，默认序号为1,2,3...这样的，有几个列表项，
就从1排到几。
6、如图所示，我们再写一个ol标签，来定义一个有序列表，并且用li定义列表的
项目，li定义列表项，这次我们设置li标签属性的type的值为A，这样其有序列
表的序号显示就为A，B，C...，这样的大写字母排列了。
7、如图所示，我们再写一个ol标签，来定义一个有序列表，并且用li定义列表的
项目，li定义列表项，这次我们设置li标签属性的type的值为I，这样其有序列
表的序号显示就为I，II，III...，这样大写罗马数字排列了。
8、如图所示，我们鼠标右击，在弹出的下拉列表菜单中，我们选择“在浏览器中
打开”这一项。
9、如图所示，我们看到第一个没有设置type属性的有序列表，其顺序从上到下，
是按照1，2，3...这样的顺序排列的，而第二个有序列表，其顺序从上到下，是
按照A，B，C...这样的顺序排列的，而第三个有序列表，其顺序从上到下，是按
照I，II，III...这样的顺序排列的。
10、如图所示，这是本教程的源代码以供大家参考哦！
<!-- 用<!DOCTYPE html>来声明这是一个html5的文档 -->
<!DOCTYPE html>
<!-- 用<html>标签来包含网页的主体 -->
<html>
<!-- 用head标签包含html的头部部分 -->
<head>
<!-- 用title标签来写入网页的标题 -->
<title>html有序列表的使用（19）</title>
<!-- 用meta标签来设置文档的编码格式，以便浏览器能够正
确解读网页 -->
<meta charset="utf-8">
<!-- 用style标签来包含网页中设置的样式，并声明其为css
类型 -->
<style type="text/css">
</style>
</head>
<!-- 用body标签包含html文档的主体部分 -->
<body>
<!-- 用ol标签编写一个有序列表，有序列表默认的有序列表
序号为1，2，3...这样的 -->
<ol>
<li>我是有序列表第一行</li>
<li>我是有序列表第二行</li>
<li>我是有序列表第三行</li>
</ol>
<!-- 用ol标签编写一个有序列表，使其列表序号为A，B，
C...这样的大写字母序号 -->
<ol type="A">
<li>我是有序列表第一行</li>
<li>我是有序列表第二行</li>
<li>我是有序列表第三行</li>
</ol>
<!-- 用ol标签编写一个有序列表，使其列表序号为I，II，
III...这样的罗马数字序号 -->
<ol type="I">
<li>我是有序列表第一行</li>
<li>我是有序列表第二行</li>
<li>我是有序列表第三行</li>
</ol>
</body>
</html>