表格.html 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>表格</title>
  6. </head>
  7. <body>
  8. <!--
  9. table表格标签 双标签
  10. border 边框 在table中添加
  11. th 表格的头部
  12. td 表格的主体
  13. tr 表格的行
  14. cellpadding 内容和单元格边框的距离
  15. cellspacing 边框和边框之间的距离
  16. caption 标题标签
  17. align 位置:left(左) center (中间) right(右侧)
  18. bgcolor 单元格的背景色 不推荐使用
  19. rowspan 合并行
  20. colspan 合并列
  21. -->
  22. <table border="1" cellpadding="20">
  23. <caption>课程表</caption>
  24. <tr>
  25. <!-- thead -->
  26. <th rowspan="2">周一</th>
  27. <th>周二</th>
  28. <th>周三</th>
  29. <th>周四</th>
  30. <!-- 表头 -->
  31. </tr>
  32. <tr>
  33. <!-- <td bgcolor="red">1</td> -->
  34. <td colspan="0">2</td>
  35. <td>3</td>
  36. <td>4</td>
  37. <!-- 内容 -->
  38. </tr>
  39. <tr>
  40. <td>1</td>
  41. <td colspan="3" align="center" style="background: url(./images/R-C.jpg);">2</td>
  42. <!-- <td>3</td> -->
  43. <!-- <td>4</td> -->
  44. <!-- 内容 -->
  45. </tr>
  46. <tr>
  47. <!-- tbody -->
  48. <td>1</td>
  49. <td>2</td>
  50. <td>3</td>
  51. <td>4</td>
  52. <!-- 内容 -->
  53. </tr>
  54. <tr>
  55. <!-- tbody -->
  56. <td>1</td>
  57. <td>2</td>
  58. <td>3</td>
  59. <td>4</td>
  60. <!-- 内容 -->
  61. </tr>
  62. </table>
  63. </body>
  64. </html>