NO.7 HTML之继续列表之旅

    xiaoxiao2021-12-14  22

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

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

    有序列表(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的缩写,定义对应于标题的描述。 

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

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

    转载请注明原文地址: https://ju.6miu.com/read-969701.html

    最新回复(0)