2-9 列表--简介
本节编程练习不计算学习进度,请电脑登录imooc.com操作

列表--简介

在HTML文档中,列表结构主要有三种:有序列表、无序列表和定义列表。具体使用的标签说明如下:
无序列表

<ul>
    <li>…</li>
</ul>

有序列表

<ol>
    <li>…</li>
</ol>

定义列表

<dl>
    <dt>…</dt>
    <dd>…</dd>
</dl>


Bootstrap根据平时的使用情形提供了六种形式的列表:

   ☑  普通列表

   ☑  有序列表

   ☑  去点列表

   ☑  内联列表

   ☑  描述列表

   ☑  水平描述列表

接下来,我们一起来学习Bootstrap提供的这六种列表的使用方法。

任务

本小节没有任务,单击“提交”按钮进入下一小节学习。

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>列表--简介</title>
  6. <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
  7. </head>
  8.  
  9. <body>
  10. <ul>
  11. <li>无序列表信息1</li>
  12. <li>无序列表信息2</li>
  13. <li>无序列表信息3</li>
  14. </ul>
  15. <ol>
  16. <li>有序列表信息1</li>
  17. <li>有序列表信息2</li>
  18. <li>有序列表信息3</li>
  19. </ol>
  20. <dl>
  21. <dt>定义列表标题</dt>
  22. <dd>定义列表信息1</dd>
  23. <dd>定义列表信息2</dd>
  24. </dl>
  25. </body>
  26. </html>
下一节