HTML5之列表

作者: 前端梵风 | 来源:发表于2017-08-06 11:59 被阅读19次

    我们在这里要学的是列表,HTML中列表分为三种:有序列表,无序列表,定义列表。开始咯!

    一,有序列表

    简单点来说有序列表就是为每一段条文编号,如1.2.3.4....。

    <ol>:用<ol>元素来创建有序列表。

    <li>:列表中的每一段条文都位于<li>元素中,浏览器会默对列表进行缩进。

    二,无序列表

    无序列表是用点状项目符号来作为开头的列表,也就是说不会像有序列表一样有顺序。

    <ul>:用<li>元素来创建无序列表。

    <li>:有序列表中的每一段条文都位于<li>元素中,那无序列表呢?

    三,定义列表

    我们到这里已经明白了有序列表和无序列表了,来认识一个新知识,那就是定义列表。

    当我们有一些术语要解释的时候,就可以用到定义列表,它没有排序也没有点状符号开头。

    1.<dl>:用<dl>来创建定义列表。

    2.<dt>:它用来包含别解释的术语。

    3.<dd>:它用来包含定义。

    四,嵌套列表

    我们上面已经学完了有序列表,无序列表,定义列表。有时候我们要在某个列表中某一项条文下再加上一个列表,这时候就用到了嵌套列表。可以在<li>元素下再创建一个列表,记得结束标签哈。

    OK,我这里可能比较简洁,但这能帮助大家去理解和记忆,如要深入学习,可去菜鸟教程或w3cschool。

    相关文章

      网友评论

        本文标题:HTML5之列表

        本文链接:https://www.haomeiwen.com/subject/pfmglxtx.html