博客列表 >图 链接 列表 图文列表 课程

图 链接 列表 图文列表 课程

没耐心的渔翁
没耐心的渔翁原创
2022年04月01日 19:39:50393浏览

图文列表

!

代码:

  1. <ul style="list-style-type: none;">
  2. <li>
  3. <img src="https://img01.sogoucdn.com/net/a/04/link?appid=122&url=https%3A%2F%2Fi03piccdn.sogoucdn.com%2F36ca2805fe4ccdc4" alt="" width="100px";height="100PX;"
  4. ></li>
  5. <h1>美女</h1>
  6. <li>
  7. <img src="https://img01.sogoucdn.com/net/a/04/link?appid=122&url=https%3A%2F%2Fi03piccdn.sogoucdn.com%2F36ca2805fe4ccdc4" alt="" width="100px";height="100PX;">
  8. </li>
  9. <h1>妹妹</h1>
  10. <li>
  11. <img src="https://img01.sogoucdn.com/net/a/04/link?appid=122&url=https%3A%2F%2Fi03piccdn.sogoucdn.com%2F36ca2805fe4ccdc4" alt="" width="100px";height="100PX;">
  12. </li>
  13. <h1>妹妹</h1>
  14. </ul>

图片

这是一张图

链接

百度

列表

无需列表

  • 第一行
  • 第二行
  • 第三行
    代码:
    1. <ul>
    2. <li>Coffee</li>
    3. <li>Milk</li>
    4. </ul>

    有序列表

  1. 第一行
  2. 第二行
  3. 第三行

    表格单中的属性:

    colspan 为横向合并;
    <td colspan="x"></td>
    rowspan 为垂直合并·
    <td rowspan="x"></td>

    表格的表头

    :<th></th>

表格单元

:<td></td>

表格的标题:

<caption></caption>
代码:

  1. <dl>
  2. <dt>Coffee</dt>
  3. <dd>- black hot drink</dd>
  4. <dt>Milk</dt>
  5. <dd>- white cold drink</dd>
  6. </dl>

课程表

代码:

  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. <table border="1px;" cellpadding="0" cellspacing="0" style="width: 400px; height: 200px;" bordercolor="blue">
  10. <caption>
  11. 课程表
  12. </caption>
  13. <tr>
  14. <td>时间</td>
  15. <td>周一</td>
  16. <td>周二</td>
  17. <td>周三</td>
  18. <td>周四</td>
  19. <td>周五</td>
  20. <td>周六</td>
  21. <td>周日</td>
  22. </tr>
  23. <tr>
  24. <td rowspan="4">上午</td>
  25. <td>数学</td>
  26. <td>语文</td>
  27. <td>英文</td>
  28. <td>法务</td>
  29. <td>道德</td>
  30. <td>自然</td>
  31. <td>前端</td>
  32. </tr>
  33. <tr>
  34. <td>数学</td>
  35. <td>语文</td>
  36. <td>英文</td>
  37. <td>法务</td>
  38. <td>道德</td>
  39. <td>自然</td>
  40. <td>前端</td>
  41. </tr>
  42. <tr>
  43. <td>数学</td>
  44. <td>语文</td>
  45. <td>英文</td>
  46. <td>法务</td>
  47. <td>道德</td>
  48. <td>自然</td>
  49. <td>前端</td>
  50. </tr>
  51. <tr>
  52. <td>数学</td>
  53. <td>语文</td>
  54. <td>英文</td>
  55. <td>法务</td>
  56. <td>道德</td>
  57. <td>自然</td>
  58. <td>前端</td>
  59. </tr>
  60. <tr>
  61. <td colspan="8">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;中午休息</td>
  62. </tr>
  63. <tr>
  64. <td rowspan="4">下午</td>
  65. <td>数学</td>
  66. <td>语文</td>
  67. <td>英文</td>
  68. <td>法务</td>
  69. <td>道德</td>
  70. <td>自然</td>
  71. <td>前端</td>
  72. </tr>
  73. <tr>
  74. <td>数学</td>
  75. <td>语文</td>
  76. <td>英文</td>
  77. <td>法务</td>
  78. <td>道德</td>
  79. <td>自然</td>
  80. <td>前端</td>
  81. </tr>
  82. <tr>
  83. <td>数学</td>
  84. <td>语文</td>
  85. <td>英文</td>
  86. <td>法务</td>
  87. <td>道德</td>
  88. <td>自然</td>
  89. <td>前端</td>
  90. </tr>
  91. <tr>
  92. <td>数学</td>
  93. <td>语文</td>
  94. <td>英文</td>
  95. <td>法务</td>
  96. <td>道德</td>
  97. <td>自然</td>
  98. <td>前端</td>
  99. </tr>
  100. <tr>
  101. <td>备注</td>
  102. <td colspan="7">下课17:00到18:00为吹牛逼</td>
  103. </tr>
  104. </table>
  105. </div>
  106. </body>
  107. </html>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议