前端笔记HTML基础（2）--列表标签_自定义

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>列表</title>
  </head>
  <body>
    <h1>列表的学习</h1>
    <p>列表有三种，分别是有序列表、无序列表、定义列表</p>
    <ul>
      <li>这就是无序列表1</li>
      <li>这就是无序列表1</li>
      <li>这就是无序列表1</li>
    </ul>

    <ul type="square">
      <li>这就是无序列表2，通过type属性修改列表前面的图标</li>
      <li>这就是无序列表2</li>
      <li>这就是无序列表2</li>
    </ul>


    <ul type="circle">
      <li>这就是无序列表3，通过type属性修改列表前面的图标</li>
      <li>这就是无序列表3</li>
      <li>这就是无序列表3</li>
    </ul>

    <ol>
      <li>这是有序列表1</li>
      <li>这是有序列表1</li>
      <li>这是有序列表1</li>
    </ol>

    <ol type="A" >
      <li>这是有序列表2，通过type属性修改列表前面的编号</li>
      <li>这是有序列表2</li>
      <li>这是有序列表2</li>
    </ol>
    <ol type="a" >
      <li>这是有序列表2，通过type属性修改列表前面的编号</li>
      <li>这是有序列表2</li>
      <li>这是有序列表2</li>
    </ol>

    <dl>
      <dt>这是定义列表的定义项目</dt>
      <dd>这是定义列表的项目描述哦</dd>
    </dl>
    <p>温馨提示：列表的运用场景有很多，但是真正使用的时候可能前面的图标显示是自己自定义的。</p>
  </body>
</html>


<!-- 笔记 -->
<!-- 无序列表  <ul><li></li></ul> -->
<!-- 有序列表 <ol><li></li></ol> -->
<!-- 定义列表 <dl><dt></dt><dd></dd></dl> -->