NO.7 HTML之继续列表之旅

来源：互联网发布：php大牛的博客编辑：程序博客网时间：2024/06/16 14:43

上次我们说了一下无序列表，这次我们来一起学习有序列表。

所谓有序列表，就是添加列表语义，并且添加列表语义的数据都有先后顺序之分。

有序列表（ordered list）的格式：

<ol>

</ol>

贴代码理解一下：

<!DOCTYPE html><html><head><title>有序</title></head><body><ol ><li>明天</li><li>你好</li></ol></body></html>

其余的属性和注意点都是和无序列表差不多的。只不过有序列表可以改变排序的方式，比如用“1,2..”、“A、B...”、“I II...”

“a，b...”，只需通过修改ol标签的type属性就可以修改。但是仍然不推荐使用，因为是用css来修改格式的。

定义列表（definition list）:

定义列表的格式：

<dl>

</dl>

我们可以在dt和dd中添加其他标签。

贴段代码理解一下：

<!DOCTYPE html><html><head><title>定义列表</title></head><body><dl><dt>每天</dt><dd>都要进步一点点</dd><dt>这样</dt><dd>才能不辜负自己</dd></dl></body></html>

结果如图所示：

dt是英文definition title 的缩写，定义标题。

dd是英文definition description的缩写，定义对应于标题的描述。

定义列表的作用：做网站尾部的相关信息，还可以做图文混排。

今天有点头疼。。可能是前些天熬夜造成的吧。。先学习到这里，尽管学的好像有点少，但是也算是进步了一些，编程这种东西急不得，只能求稳。今天你进步了吗？

0 0