HTML之⑪列表标签使用总结

                         QQ:3020889729                                                                                 小蔡

无序列表标签·ul

无序列表标签的骨架

无序列表标签包含：无序列表标签的应用标签ul，添加无序项要使用li标签添加。
代码：

  <ul>
  
    <!--<ul>
    这里边只允许嵌套<li></li>标签(为了规范)
    <li></li>标签内可嵌套任何元素
    </ul>-->
    
    <li>生活费</li>
    <li>学费</li>
    <li>水电费</li>
  </ul>

无序列表标签的使用效果

效果展示：无序列表仅仅显示一个点在项的前方

有序列表标签·ol

有序列表标签的骨架

有序列表标签包含：有序列表标签的应用标签ol，添加有序项要使用li标签添加。
代码：

  <!-- 有序列表与无序列表用法相同，不同在于会自动编序号 -->
  <ol>
    <li>刘德华</li>
    <li>李若夷</li>
    <li>成龙</li>
  </ol>

有序列表标签的使用效果

效果展示：有序列表是为列表项添加序号

自定义列表标签·dl

自定义列表标签的骨架

自定义列表标签包含：自定义列表标签的应用标签dl，添加自定义列表标题(默认显示为一行的数据)使用dt标签添加，添加自定义项使用dd标签添加。（每一个dl（自定义列表）单独的存在于一行，下一个/新一个dl位于另一行）
代码：

 <dl>
      <!-- dt中填自定义列表的中心/项目名（可以是任意标签） -->
      <dt>热销商品&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp销售额（元）</dt>
      <!-- 一系列dd中填写中心围绕下的一些相关项 （可以是任意标签）-->
      <dd>苹果&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp1500</dd>
      <dd>香蕉&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp1360</dd>
      <dd>李子&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp1200</dd>
      <dd>青果&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp1000</dd>
      <dd>柠檬&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp860</dd>
    </dl>

自定义列表标签的使用效果

效果展示：自定义列表由自定义列表项填充自定义列表内容