HTML5 列表标签用法示例总结

列表标签

列表就是把…制成表,以表来显示,是容器里面装载着文字或图表的一种形式,列表最大的特点就是 整齐 整洁 有序。

无序列表ul(常用)

u for unorder.
无序列表的各个列表项之间没有顺序级别之分 是并列的 其基本语法格式如下:

  • 列表
  • 列表
  • 列表
  • 列表
  • ........

示例输出(无序的表现在于前面不是序号而是点)
HTML5 列表标签用法示例总结_第1张图片

1.
    中只能嵌套
  • ,直接在
      标签中输入其他标签或者文字的做法是不被允许的 2.
    • 之间相当于一个容器 可以容纳所有元素 3.无序列表会带有自己样式属性 放下那个样式 一会让CSS来

      有序列表ol(理解)

      有序列表即为有排列顺序的列表 其各个列表项按照一定的顺序排列定义 有序列表的基本语法格式如下:

      1. 第一
      2. 第二
      3. 第三
      4. 第四
      5. ......

      示例输出(有序的表现在于前面是序号而不是点)
      HTML5 列表标签用法示例总结_第2张图片

      自定义列表(理解)

      自定义列表常用语对术语或名词进行解释和描述 定义列表的列表项钱没有任何项目符号 基本语法如下:

      名词一
      名词一解释一
      名词一解释二
      ...
      名词二
      名词二解释一
      名词二解释二
      ...
      帅哥
      帅哥就是我啊

      示例输出
      HTML5 列表标签用法示例总结_第3张图片

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