zoukankan      html  css  js  c++  java
  • HTML中的无序列表讲解(菜鸟)

    什么是列表标签?

    1.列表标签的作用:给一堆数据添加列表语义,也就是告诉搜素引擎告诉浏览器这一堆数据是一个整体。

    2.HTML中列表标签的分类

      2.1无序列表(最多人用)(unordered list)

      2.2有序列表(最少人用)(ordered list)

      2.3定义列表(其次)(definition list)

    3无序列表作用:

    给一堆数据添加列表语义,并且这一堆数据所有的数据都没有先后之分

    什么叫先后之分?

    例如:排行榜

    什么叫没有先后之分?

    例如:中国的所有城市

    4.无序列表格式:

    <ul>
        <li>需要显示的条目内容</li>
    </ul>

    li其实是英文list item的缩写

    list是列表的意思

    item是条目的意思

    所以结合起来就是列表条目的意思

    例子:

    <h2>中国的城市:</h2>
    <ul>
        <li>北京</li>
        <li>上海</li>
        <li>广州</li>
        <li>武汉</li>
    </ul>

    5.注意点

      5.1一定要记住ul标签是用来给一堆数据添加列表语义的,而不是用来给他们添加小圆点的

      5.2ul标签和li标签是一个整体,是一个组合,所有一般情况下ul标签和li标签都是一起出现,不会单个出现,也就是说不会单独使用一个ul标签或者单独使用一个li标签,都是结合在一起使用的

      5.3由于ul标签和li标签是一个组合,所有ul标签中不推荐包含其他标签,也就是说以后你在ul标签中只会看到li标签

    无序列表适用场景(举例):

    1.新闻列表

    2.商品列表

    3.导航条

  • 相关阅读:
    tkinter 进度条
    tkinter 提示符
    python 将字符串转换为字典
    pycurl实例详解
    pyAudio介绍
    Spyer中添加一些常用包的方法
    对机器学习与数据竞赛的一些总结(转)
    教你如何在机器学习竞赛中更胜一筹
    CXF:通过WebService上传文件,包括大文件的处理
    firefox中flash经常崩溃
  • 原文地址:https://www.cnblogs.com/xiehefeng/p/7768231.html
Copyright © 2011-2022 走看看