HTML列表标签

  • 无序列表
  • 有序列表
  • 自定义列表

1,无序列表

无序列表的标签是:

    无序列表

定义一个无序列表:

  • 定义一个列表项;
      标签里还有type属性,指定的是无序列表的符号;

      type的值有以下几个:

      • disc:实心的圆点,默认值
      • circle:空心的圆
      • square:实心的正方形

      例:

       
          
    • 湖南
    •     
    • 江苏
    •     
    • 河南
    •     
    • 郑州

    效果图:

    • 湖南
    • 江苏
    • 河南
    • 郑州

    2,有序列表

    有序列表的标签是

      有序列表

    ordered list的缩写,有序列表其实就是带有序号的列表,

    type属性的取值为:

    • 1.序号为1.2.3.4.……
    • A.序号为A.B.C.D.……
    • a.序号为a.b.c.d.……
    • I序号为I.II.III.IV.……
    • i序号为i.ii.iii.iv.……

    例:

    
        
  • 湖南
  •     
  • 嘉兴
  •     
  • 河南
  •     
  • 广东
  • 效果图:

    1. 湖南
    2. 嘉兴
    3. 河南
    4. 广东

    3,自定义列表

    自定义标签的结构是:

    自定义标签

    定义一个自定义列表

    • 列表项的标题
    • 列表项的描述

    例:

    
    
        

    唐诗三百首

        
    静夜思
        
    床前明月光,疑是地上霜。举头望明月,低头思故乡。
        
    绝句
        
    迟日江山丽,春风花草香。泥融飞燕子,沙暖睡鸳鸯。

    示例:

    
    
    
    列表标签
    
    
        爱好
        
    1. 玩手机
    2. 看电视
    3. 听音乐

    爱好
    • 玩手机
    • 看电视
    • 听音乐

    爱好
    玩手机
    看电视
    听音乐

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