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>

猜你喜欢

转载自blog.csdn.net/QIANDXX/article/details/110667231
今日推荐