有序列表
经过之前关于表格、表单的学习后,再来学习列表,就显得非常的简单和容易理解了。
学习是构建知识体系的过程,没有形成体系的知识学习再多也是碎片,是很难形成技能或深刻理解的,因此,如果您是零基础的初学者,第一次看我的教程,如果时间允许的话,请务必从目录中找寻第一篇,循序渐进的学习。
列表分为有序列表、无序列表和定义列表,同时列表之中还能嵌套列表,和表格非常相似。
首先介绍有序列表
要用<ol></ol>
标签告诉浏览器这里是列表。
然后在里面添加<li></li>
标签,在这个标签中添加内容即可。
示例代码如下
<p>我喜欢的水果</p><ol><li>葡萄</li> <li>西瓜</li> <li>苹果</li> <li>桃子</li></ol>
大家可以把它放到一个新的html框架中看看效果。
完整代码如下:
<p>我喜欢的水果</p><ol><li>葡萄</li> <li>西瓜&