图文列表

  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. <ul class="nav" style="display: flex; text-align: center;">
  11. <p>
  12. <li class="item" ><a href="http://baidu.com"><img src="static/xiaobaitu.webp" alt=""></a>
  13. </p>
  14. <a href="" >小白兔</a>
  15. </li>
  16. &nbsp;&nbsp;
  17. <p>
  18. <li class="item"><a href="http://baidu.com"><img src="static/xiaobaitu.webp" alt=""></a>
  19. </p>
  20. <a href="">小白兔</a>
  21. </li>
  22. &nbsp;&nbsp;
  23. <p></p>
  24. <li class="item"><a href="http://baidu.com"><img src="static/xiaobaitu.webp" alt=""></a>
  25. </p>
  26. <a href="">小白兔</a>
  27. </li>
  28. &nbsp;&nbsp;
  29. </ul>
  30. </body>
  31. </html>

课程表

  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. <table border="1" align="center" width="400" cellspacing="1" >
  11. <caption>
  12. <h3>全国小学生统一课程表</h3>
  13. </caption>
  14. <!-- 表头 -->
  15. <thead bgcolor="#eeeee">
  16. <tr>
  17. <th>时间</th>
  18. <th>周一</th>
  19. <th>周二</th>
  20. <th>周三</th>
  21. <th>周四</th>
  22. <th>周五</th>
  23. </tr>
  24. </thead>
  25. <!-- 主体 -->
  26. <!-- 上午 -->
  27. <tbody>
  28. <tr>
  29. <td rowspan="4" align="center" bgcolor="#e1eeee" >上午</td>
  30. <td>数学</td>
  31. <td>语文</td>
  32. <td>英语</td>
  33. <td>体育</td>
  34. <td>语文</td>
  35. </tr>
  36. <tr>
  37. <!-- <td></td> -->
  38. <td>语文</td>
  39. <td>数学</td>
  40. <td>语文</td>
  41. <td>语文</td>
  42. <td>数学</td>
  43. </tr>
  44. <tr>
  45. <!-- <td></td> -->
  46. <td>数学</td>
  47. <td>体育</td>
  48. <td>英语</td>
  49. <td>英语</td>
  50. <td>语文</td>
  51. </tr>
  52. <tr>
  53. <!-- <td></td> -->
  54. <td>英文</td>
  55. <td>语文</td>
  56. <td>数学</td>
  57. <td>数学</td>
  58. <td>英语</td>
  59. </tr>
  60. <!-- 中午 -->
  61. <tr align="center" bgcolor="#eeeee">
  62. <td colspan="6">中午休息(12:00-14:00)</td>
  63. </tr>
  64. <!-- 下午 -->
  65. <tr>
  66. <td rowspan="3" align="center" bgcolor="#e1eeee">下午</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. </tr>
  81. <tr>
  82. <!-- <td></td> -->
  83. <td>数学</td>
  84. <td>数学</td>
  85. <td>语文</td>
  86. <td>语文</td>
  87. <td></td>
  88. </tr>
  89. <!-- 表尾 -->
  90. <tfoot>
  91. <tr>
  92. <td colspan="6" align="center" bgcolor="#eeeee"> 放学回家</td>
  93. </tr>
  94. </tfoot>
  95. </tbody>
  96. </table>
  97. </body>
  98. </html>

更多相关文章

  1. markdown的常用语法
  2. 图文列表+课程表
  3. 12月22日课程表作业
  4. 表格与表单
  5. JS初识变量及函数学习
  6. 一个简易的课程表和注册表单
  7. 前端html基础知识之图片/链接/列表和表单
  8. 表格和表单的应用
  9. html常用标签之表格、表单的学习

随机推荐

  1. c语言的注释定界符是什么
  2. vb数组怎么定义
  3. c程序怎么编写x的y次方
  4. devc如何恢复默认设置
  5. mod在vb中什么意思
  6. C语言注释详解
  7. putchar("\n")是什么意思
  8. c语言万年历程序代码
  9. c语言是一种具有低级语言特点的什么语言
  10. c语言return返回到哪