html标签之列表标签

HTML的列表标签主要分为三种，有序列表、无序列表和定义列表。

1，有序列表：

有序列表，顾名思义，就是有顺序的列表。一般用于排名等。

有序列表主要涉及的标签：

<ol>标签 ：有序列表标签

• <ol>标签内元素是有序的，并且自带序号；

• <ol>标签内除了<li>标签外不要写其余东西；

<li>标签：

• <li>是块及元素，独占一行。

• <li>标签里存放ol的内容

• <li>标签可以嵌套其余标签

格式：

<ol>      <li>我是有序列表内容</li></ol>

2，无序列表：

无序列表，每个标题间没有顺序，默认为一个圆点。

<ul>标签 ：无序列表标签。

<ol>内也不要写除了li的其余内容

格式：

<ul>     <li>我是无序列表内容</li></ul>

例：

<h2>兴趣爱好</h2><ul>    <li>        <h3>男生</h3>        <ul>            <li>打篮球</li>            <li>玩游戏</li>            <li>踢足球</li>        </ul>    </li>    <li>        <h3>女生</h3>        <ul>            <li>看小说</li>            <li>看电视</li>            <li>吃东西</li>        </ul>    </li></ul>

3，定义列表：

用于自己设置的少量内容。

<dl>标签 ：自己设置列表标签

<dt>标签 ：是定义标题

• <dt>是块级元素 独占一行;

<dd>标签：定义属性

• <dd>是块级元素 独占一行；

• <dd>的内容是无序的 没有序号；

格式：

<dl>      <dt></dt>      <dd></dd>      <dt></dt>      <dd></dd><dl>