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>