HTML列表标签


无序列表

场景:在网页中表示一组无序之分的列表,如:新闻列表。

标签组成:

标签名 说明
ul 表示无序列表整体,用于包裹li标签
li 表示无序列表的每一项,用于包含每一行的内容

显示特点:

  • 列表的每一项前默认显示圆点标识

注意点:

  • ul标签中只允许包含li标签
  • li标签可以包含任意内容

有序列表

场景:在网页中表示一组有顺序的列表,如:排行榜。

标签组成

标签名 说明
ol 表示有序列表的整体,用于包裹li标签
li 标识有序列表的每一项,用于包含每一行的内容

显示特点:

  • 列表的每一项前默认显示序号标识

注意点:

  • ol标签中只允许包含li标签
  • li标签中可以包含任意内容

自定义列表

场景:在网页的底部导航中通常会使用自定义列表实现。

标签组成:

标签名 说明
dl 表示自定义列表的整体,用于包裹dt/dd标签
dt 标识自定义列表的主题
dd 表示自定义列表的针对主体的每一项内容

显示特点:

  • dd前会模式显示缩紧效果

注意点:

  • dl标签中只允许包含dt/dd标签
  • dt/dd标签可以包含任意内容


扫描二维码,在手机上阅读

Blender实例的旋转

Blender线框修改器

评 论
更换验证码