5_列表.html 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <!-- 列表 成组出现的 -->
  10. <!-- ol 有序列表 -->
  11. <!--列表内部是每一个列表项 使用li标签 允许写多个 -->
  12. <ol>
  13. <li>有序列表项1</li>
  14. <li>有序列表项2</li>
  15. <li>有序列表项3</li>
  16. <li>有序列表项4</li>
  17. <li>有序列表项5</li>
  18. </ol>
  19. <!-- ul 无序列表 -->
  20. <!-- 无序列表 与 有序列表 除了列表名称不同其他写法都一样 -->
  21. <!-- 有序列表默认是数字 -->
  22. <!-- 无序列表默认是圆点 -->
  23. <ul>
  24. <li>无序列表项1</li>
  25. <li>无序列表项2</li>
  26. <li>无序列表项3</li>
  27. <li>无序列表项4</li>
  28. <li>无序列表项5</li>
  29. </ul>
  30. <!-- 自定义列表 -->
  31. <dl>
  32. <!-- dt 定义列表的标题 -->
  33. <dt>A开头的字母</dt>
  34. <!-- dd 定义列表的内容 -->
  35. <dd>Alice</dd>
  36. <dd>Apple</dd>
  37. <dt>B开头的字母</dt>
  38. <dd>Bob</dd>
  39. <dd>Banana</dd>
  40. </dl>
  41. </body>
  42. </html>