用记事本编写简单html网页入门:[2]列表
1、有序列表会在每行前面加上序号,它的符号就是<ol></ol>。
![用记事本编写简单html网页入门:[2]列表](https://exp-picture.cdn.bcebos.com/a1780d1fceecd3d9283cb977679959430501089c.jpg)
2、无序列表的符号是<ul></ul>,它在每行的前面会加一个圆点而不是数字。
![用记事本编写简单html网页入门:[2]列表](https://exp-picture.cdn.bcebos.com/4759c1dae43b3b86546804e4185653bbf920759c.jpg)
3、列表中的内容要写在<li></li>中,如
<li>第一行</li><li>第二行</li><li>第三行</li>
![用记事本编写简单html网页入门:[2]列表](https://exp-picture.cdn.bcebos.com/65ba880b312105615bea1e5a08aee8d7582a6a9c.jpg)
4、将这些内容再放到相应的列表中,如
<ul>
<li>第一行</li>
<li>第二行</li>
<li>第三行</li>
</ul>
或
<ol>
<li>第一行</li>
<li>第二行</li>
<li>第三行</li>
</ol>
![用记事本编写简单html网页入门:[2]列表](https://exp-picture.cdn.bcebos.com/e2aefe781431dfb65a251cd512cf02532e63639c.jpg)
5、再给表加一个标题,如
<h1>无序列表</h1>
<ul>
<li>第一行</li>
<li>第二行</li>
<li>第三行</li>
</ul>
![用记事本编写简单html网页入门:[2]列表](https://exp-picture.cdn.bcebos.com/22c4fe36e29147e842a972c1b603bbea3f86589c.jpg)
6、
最后放到html的大框架中。
<html>
<head>
<title>列表</title>
</head>
<body>
<h1>无序列表</h1>
<ul>
<li>第一行</li>
<li>第二行</li>
<li>第三行</li>
</ul>
<h2>有序列表</h2>
<ol> <li>第一行</li>
<li>第二行</li>
<li>第三行</li>
</ol>
</body>
</html>
![用记事本编写简单html网页入门:[2]列表](https://exp-picture.cdn.bcebos.com/3c42a5ea3e863048160a9c67c33104ebf7a7529c.jpg)
7、测试一下,成功显示了。
![用记事本编写简单html网页入门:[2]列表](https://exp-picture.cdn.bcebos.com/49701aebf6a75f0fff623f5d97324b18502c4c9c.jpg)
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:128
阅读量:22
阅读量:73
阅读量:52
阅读量:154