HTML——列表标签

使用场景:在网页中按照展示关联性的内容,如:新闻列表、排行榜、账单等。

特点:按照行的方式,整齐显示内容。

种类:无序列表、有序列表、自定义列表。

1.无序列表

    标签表示 HTML 页面中项目的无序列表,一般会以项目符号呈现列表项,而列表项使用
  • 标签定义。

    语法格式:

    • 列表项1
    • 列表项2
    • 列表项3
    • ...

    网页显示效果:

    HTML——列表标签_第1张图片

     

    注意事项

      中只能嵌套
    • 之间相当于一个容器,可以容纳所有元素

      2.有序列表

      在 HTML 标签中,

        标签用于定义有序列表,列表排序以数字来显示,并且使用
      1. 标签来定义列表项

        语法格式:

        1. 列表项1
        2. 列表项2
        3. 列表项3
        4. ...

        网页显示效果:

         

        3.自定义列表

        在 HTML 标签中,
        标签用于定义描述列表(或定义列表),该标签会与
        (定义项目/名字)和
        (描述每一个项目/名字)一起使用。
        使用场景:在网页的底部导航中通常会使用自定义列表实现,常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。

        语法格式:

        名词1
        名词1解释1
        名词1解释2

         注意事项:

        里面只能包含
        个数没有限制,经常是一个
        对应多个
        ,且列表项前没有任何项目符号。

        网页显示效果:

        HTML——列表标签_第2张图片 

         

    你可能感兴趣的:(前端,html5,html)