列表-无序,有序和标题


无序列表

标签组成:

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

显示特点:

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

注意点:

  • ul标签中只允许包含li标签
  • li标签可以包含任意内容
    1 <ul type="disc"> 
    2     <li>第一项li>
    3     <li>第二项li>
    4 ul>

type属性:

disc(实心圆点,默认值)

circle(空心圆圈)

square(实心方块)

none(无样式)

 

有序列表

场景:在网页中表示一组有顺序之分的列表

标签组成:

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

显示特点:

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

注意点:

  • ol标签中只允许包含li标签
  • li标签可以包含任意内容
    1. 第一项
    2. 第二项

    type属性:start是从数字几开始

  1 数字列表,默认值

  A 大写字母

  a 小写字母

标题列表

1 <dl>
2     <dt>标题1dt>
3     <dd>内容1dd>
4     <dt>标题2dt>
5     <dd>内容1dd>
6     <dd>内容2dd>
7 dl>