html语言中项目列表的嵌套,HTML学习笔记2—列表与清单

最新推荐文章于 2024-10-08 11:56:56 发布

童广

最新推荐文章于 2024-10-08 11:56:56 发布

阅读量703

点赞数

文章标签： html语言中项目列表的嵌套

HTML中，列表有三种类型：无序列表(符号列表)、有序列表(编号列表)、定义列表。

一、无序号条例式清单

与
1.格式:
- …
- …
…
…

无序条列清单的开始。

表示结束。…表示一个项目

不能在

中输入文字，才能显示在网页中。

与
是块级元素，会自动换行。
2.
- 的属性
  属性名称     属性值                 说明
  type         disc                  实心圆(默认值)
  circle                空心圆
  square                实心方块
  style        list-style:none;     清除列表前的项目符号
  jpadding-left:0px;    设置列表前缩进(0px表示是0像素)
  如：
  - 表示设置该列表所有项的项目符号为空心圆，左缩进为10像素
  - 清除当前列表项前的缩进和项目符号
    3.列表嵌套：第一级默认实心圆，第二级默认空心圆，第三级默认实心方块
    二、有序号条例式清单
    1. 与
    2. 1.格式:
      1. 列表的项目
      2. 列表的项目
      3. 列表的项目
      4. 列表的项目
      5. 列表的项目
      6. 列表的项目
      1. 有序条列清单的开始。
      表示结束。
    3. …表示一个项目
    2.
    1. 的属性
      属性名称     属性值                    说明
      type          1                      表示以1,2,3来表示
      a                      表示以a,b,c来表示
      A                      表示以A,B,C来表示
      i                      表示以i,ii ,iii 来表示
      I                      表示以I,II,III 来表示
      style list-style:none; 清除列表前的编号
      jpadding-left:0px; 设置列表前缩进(0px表示是0像素)
      start         数字                  设置起始位置是第几位(
    2. 没有此属性)
      如：
      1. 表示列表的编号会从第六个大写字母F开始编号。
      其他属性用法与
    - 类似，不再赘述
    三、叙述式清单(定义列表)
    1.格式：
    
    定义术语(项目标题)
    定义说明(标题小具体的内容)
    
    定义说明(标题小具体的内容)
    
    定义说明(标题小具体的内容)
    
    定义说明(标题小具体的内容)
    定义术语(项目标题)
    定义说明(标题小具体的内容)
    
    定义说明(标题小具体的内容)
    
    定义说明(标题小具体的内容)
    
    定义说明(标题小具体的内容)
    定义术语(项目标题)
    定义说明(标题小具体的内容)
    
    定义说明(标题小具体的内容)
    
    定义说明(标题小具体的内容)
    
    定义说明(标题小具体的内容)
    
    表示一个项目
    表示一个项目下的更详细的内容