锐客网

  1. 首页 > it技术 > >

HTML笔记--列表标签

HTML笔记--列表标签 【HTML笔记--列表标签】标签（空格分隔）： HTML
列表标签：

  • 定义列表：带缩进的列表
    如这种样式的：

    自定义缩进列表

    自定义1

    自定义1

    自定义1


  • 通过以下几个标签来实现：
    • （表示列表内容）
    • (表示不需要缩进的内容)
    • （表示需要缩进的内容）
    • 注意后两者需要在dl标签内部
    • 代码：
自定义缩进列表
自定义1
自定义1
自定义1

  • 有序标签：
    想要实现如下效果：
    1. 传智播客
    2. 黑马
    3. 千峰

    1. 传智播客
    2. 黑马
    3. 千峰

    1. 传智播客
    2. 黑马
    3. 千峰
  • 需要通过
      • 有序列表的范围
        • 这个标签中有设置排序方式的属性 1（默认） ；a； i
      2. 表示列表每项的具体内容
    • 代码

  • 传智播客
  • 黑马
  • 千峰


  • 传智播客
  • 黑马
  • 千峰


  • 传智播客
  • 黑马
  • 千峰

    • 无序标签：
      • 想要实现这种标签效果：
        • 传智播客
        • 黑马
        • 千峰

        • 传智播客
        • 黑马
        • 千峰

        • 传智播客
        • 黑马
        • 千峰
    • 需要通过
          • 其中ul的属性type有以下几种方式：1.空心圆 circle ；2.实心圆： disc；3.实心方框：square；
        • 表示列表项的具体内容
        • 代码如下：
      `

    • 传智播客
    • 黑马
    • 千峰
      • `

      `

    • 传智播客
    • 黑马
    • 千峰
      • `

      `

    • 传智播客
    • 黑马
    • 千峰
      • `

        推荐阅读


        上一篇：肉

        下一篇：写给过去和未来的自己