html5学习渐阶笔记---列表

阿里云国内75折回扣微信号：monov8

阿里云国际，腾讯云国际，低至75折。AWS 93折免费开户实名账号代冲值优惠多多微信号：monov8 飞机：@monov6

列表的标签及其描述

<ul>....</ul>无序列表

<ol>...</ol> 有序列表

<li>...</li> 列表项

一下是自定义

<dd>...</dd>描述

<dl>...</dl>列表
<dt>...</dt>列表项

具体描述

无序列表

<ul>

<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>

</ul>

其中type属性，disc(实心点),circle(圆圈),square(方块)

有序列表

<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>

其中有属性type，来设置有序排列的样式，A，a，I，i，start

start和type属性一样，表示序列从哪个开始、

<body>

  <p>无序列表</p>
<ul type="disc">
  <li>
    列表项1
  </li>
  <li>
    列表项2
  </li>
  <li>
    列表项3
  </li>
  </ul>

  <p>有序列表</p>

  <ol type="a">
     <li>
    列表项1
  </li>
  <li>
    列表项2
  </li>
  <li>
    列表项3
  </li>
    </ol>

<ol start="3">
     <li>
    列表项1
  </li>
  <li>
    列表项2
  </li>
  <li>
    列表项3
  </li>
    </ol>
</body>

html5学习渐阶笔记---列表_自定义

嵌套列表

在列表里面嵌套列表，很简单，略。

使用上述标签

自定义列表

使用<dl>...</dl>//列表

<dt>...</dt>//列表项

<dd>...</dd>//描述

 <p>自定义列表</p>

  <dl>

    <dt>
      hello
      </dt>

  <dd>描述1</dd>

    <dt>
      hello
      </dt>

  <dd>描述2</dd>
    <dt>
      hello
      </dt>

     <dd>描述3</dd>
</dl>