ASCII码 ASCII码

HTML 列表元素

发布于:2021-12-19 11:46:46  栏目:技术文档
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <title>列表元素</title>
  8. </head>
  9. <body>
  10. <!---无序列表
  11. ul.nav>li*4>a
  12. -->
  13. <h3>导航</h3>
  14. <ul class="nav">
  15. <li>
  16. <a href="">首页</a>
  17. </li>
  18. <li>
  19. <a href="">教学规模</a>
  20. </li>
  21. <li>
  22. <a href="">资料下载</a>
  23. </li>
  24. <li>
  25. <a href="">登录/注册</a>
  26. </li>
  27. </ul>
  28. <!---有序列表--->
  29. <h3>工作计划</h3>
  30. <ol start="4" class="plan">
  31. <li>电话</li>
  32. <li>整理资料</li>
  33. <li>辅导孩子功课</li>
  34. <li>批改作业</li>
  35. </ol>
  36. <!---自定义列表--->
  37. <h3>前段三宝</h3>
  38. <dl>
  39. <dt>HTML:</dt>
  40. <dd>超文本标记语言</dd>
  41. <dd>主要用来写页面结构和元素</dd>
  42. <dt>CSS:</dt>
  43. <dd>层叠样式表</dd>
  44. <dt>JS:</dt>
  45. <dd>前端的通用脚本语言</dd>
  46. <dd>测试</dd>
  47. </dl>
  48. <dl></dl>
  49. <dd></dd>
  50. <div>
  51. <a href=""><img src="" alt="" /></a>
  52. </div>
  53. <div>
  54. <a href=""><img src="" alt="" /></a>
  55. </div>
  56. <div>
  57. <a href=""><img src="" alt="" /></a>
  58. </div>
  59. <div>
  60. <a href=""><img src="" alt="" /></a>
  61. </div>
  62. </body>
  63. </html>

相关推荐
阅读 +