欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

HTML 列表元素

程序员文章站 2022-05-15 09:23:57
...
    

  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

    4. 

  4. <head>
    5. 

  5.     <meta charset="UTF-8" />
    6. 

  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    7. 

  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    8. 

  8.     <title>列表元素</title>
    9. 

  9. </head>
    10. 

    11. 

  11. <body>
    12. 

  12.     <!---无序列表
    13. 

  13.     ul.nav>li*4>a
    14. 

  14.     -->
    15. 

  15.     <h3>导航</h3>
    16. 

  16.     <ul class="nav">
    17. 

  17.         <li>
    18. 

  18.             <a href="">首页</a>
    19. 

  19.         </li>
    20. 

  20.         <li>
    21. 

  21.             <a href="">教学规模</a>
    22. 

  22.         </li>
    23. 

  23.         <li>
    24. 

  24.             <a href="">资料下载</a>
    25. 

  25.         </li>
    26. 

  26.         <li>
    27. 

  27.             <a href="">登录/注册</a>
    28. 

  28.         </li>
    29. 

  29.     </ul>
    30. 

    31. 

  31.     <!---有序列表--->
    32. 

  32.     <h3>工作计划</h3>
    33. 

  33.     <ol start="4" class="plan">
    34. 

  34.         <li>电话</li>
    35. 

  35.         <li>整理资料</li>
    36. 

  36.         <li>辅导孩子功课</li>
    37. 

  37.         <li>批改作业</li>
    38. 

  38.     </ol>
    39. 

    40. 

  40.     <!---自定义列表--->
    41. 

  41.     <h3>前段三宝</h3>
    42. 

  42.     <dl>
    43. 

  43.         <dt>HTML:</dt>
    44. 

  44.         <dd>超文本标记语言</dd>
    45. 

  45.         <dd>主要用来写页面结构和元素</dd>
    46. 

    47. 

  47.         <dt>CSS:</dt>
    48. 

  48.         <dd>层叠样式表</dd>
    49. 

  49.         <dt>JS:</dt>
    50. 

  50.         <dd>前端的通用脚本语言</dd>
    51. 

  51.         <dd>测试</dd>
    52. 

  52.     </dl>
    53. 

    54. 

  54.     <dl></dl>
    55. 

  55.     <dd></dd>
    56. 

    57. 

  57.     <div>
    58. 

  58.         <a href=""><img src="" alt="" /></a>
    59. 

  59.     </div>
    60. 

  60.     <div>
    61. 

  61.         <a href=""><img src="" alt="" /></a>
    62. 

  62.     </div>
    63. 

  63.     <div>
    64. 

  64.         <a href=""><img src="" alt="" /></a>
    65. 

  65.     </div>
    66. 

  66.     <div>
    67. 

  67.         <a href=""><img src="" alt="" /></a>
    68. 

  68.     </div>
    69. 

  69. </body>
    70. 

    71. 

  71. </html>
    72.

HTML 列表元素

上一篇： Sticky Footer (让页脚永远停靠在页面底部,而不是根据绝对位置)_html/css_WEB-ITnose

下一篇： php 求数组差集的自定义函数(效率优于array_diff函数)

推荐阅读