1、在word中，添加有序标签非常简单，如图所示，我们怎么在网页中做出这种效果呢？
2、首先，打开我们的Dreamweaver。
3、然后，再点击“文件”，新建一个HTML文件。
4、在<body>和</body>之间开始写代码，建议手敲代码。代码如图所示。
Ps:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<ol>
<li>功能区和选项卡</li>
<li>上下文选项卡</li>
<li>自定义功能区</li>
<li>快速访问工具栏</li>
<li>对话框启动器</li>
<li>后台视图</li>
<li>实时预览</li>
</ol>
</body>
</html>
5、选择在“浏览器中预览”。
6、最终效果如图所示，达到word文档中的效果。
