使用HTML创建有序和无序列表

HTML是网页设计的基础，掌握好HTML的基本操作对于程序员来说非常重要。在HTML的标签中，有序列表和无序列表是比较基础的标签。

无序列表（ul）

无序列表是由ul标签和li标签组成，其中ul标签表示一个无序列表，li标签表示列表项。下面是一个无序列表的例子：

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ul>

上面的代码将会生成一个无序列表，包含三个列表项，分别为列表项1、列表项2和列表项3。

注意事项

• ul标签和li标签必须成对使用。
• ul标签中只能包含li标签。
• li标签中可以包含其他HTML元素，如文本、图像、超链接等。
• ul标签的属性有type、start和compact。

有序列表（ol）

有序列表是由ol标签和li标签组成，其中ol标签表示一个有序列表，li标签表示列表项。下面是一个有序列表的例子：

<ol>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ol>

上面的代码将会生成一个有序列表，包含三个列表项，分别为列表项1、列表项2和列表项3。

注意事项

• ol标签和li标签必须成对使用。
• ol标签中只能包含li标签。
• li标签中可以包含其他HTML元素，如文本、图像、超链接等。
• ol标签的属性有type、start和compact。

总结

有序列表和无序列表是HTML中比较基础的标签，掌握好它们的使用方法对于编程小白来说非常重要。同时，我们也要注意到标签的嵌套和使用方法。

本文为翻滚的胖子原创文章,转载无需和我联系,但请注明来自猿教程iskeys.com

• 上一篇： 在HTML中创建按钮和链接按钮
• 下一篇： HTML中的段落和换行