HTML（列表）_ 字节宝

列表分类

<ul>标签声明无序列表，在该标签内的每一个<li>标签都是一个列表项；

在无序列表中是没有顺序的；

可以利用CSS属性修改列表项前面的符号；

type值：前面类型即是其属性

代码语言：javascript复制

<ul type="disc">
    <li>文字</li>
    <li>文字</li>
</ul>

<ol>标签声明有序列表，在该标签内的每一个<li>标签都是一个列表项；

type属性：

A、a、l、i

type属性和start属性的取值及含义如下：

type="1" start="10" 编号用阿拉伯数字，从阿拉伯数字10开始

type="a" start="b" 编号用小写英文字母，从小写字母b开始

type="A" start="K" 编号用大写英文字母，从大写字母K开始

type="i" 编号用小写罗马数字

type="I" 编号用大写罗马数字

代码语言：javascript复制

<ol type="B"> <!--type后为属性-->
  <li>文字</li>
  <li>文字</li>
</ol>

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

代码语言：javascript复制

<dl type="C"> <!--type后为属性-->
  <dt>标题</dt> <!--标题-->
  <dd>内容</dd> <!--内容-->
  <dd>内容</dd>
  <dd>内容</dd>
</dl>

所有的列表都是可以嵌套的。

可嵌套不同类型的列表。

代码语言：javascript复制

<ul>
  <li>咖啡</li>
  <li>茶
    <ul>
    <li>红茶</li>
    <li>绿茶</li>
    </ul>
  </li>
  <li>牛奶</li>
</ul>

注意

列表内部是可以有段落、换行符、图片、链接以及其他列表。

0 人点赞