上次我们说了一下无序列表,这次我们来一起学习有序列表。
所谓有序列表,就是添加列表语义,并且添加列表语义的数据都有先后顺序之分。
有序列表(ordered list)的格式:
<ol>
<li></li>
</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>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
</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的缩写,定义对应于标题的描述。
定义列表的作用:做网站尾部的相关信息,还可以做图文混排。
今天有点头疼。。可能是前些天熬夜造成的吧。。先学习到这里,尽管学的好像有点少,但是也算是进步了一些,编程这种东西急不得,只能求稳。今天你进步了吗?
