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

HTML 列表元素

程序员文章站 2022-05-01 21:49:02
...
    

  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 列表元素

上一篇： HTML5-02-链接元素

下一篇： centos6.7下安装、配置ssh远程访问

推荐阅读