3.表格.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  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. <!--
  10. 表格:
  11. table:
  12. border 边框
  13. cellspacing 单元格和边框距离
  14. cellpadding 单元格的内容和边框距离
  15. align 位置:left center right
  16. colspan 合并列
  17. tr:表格行
  18. th:表格头
  19. td:表格内的单元格
  20. -->
  21. <table border="1" cellpadding="55">
  22. <caption>标题</caption>
  23. <tr>
  24. <th>第一</th>
  25. <th>第二</th>
  26. <th>第三</th>
  27. </tr>
  28. <tr align="center">
  29. <td colspan="2">1</td>
  30. <!-- <td>2</td> -->
  31. <td>3</td>
  32. </tr>
  33. <tr>
  34. <td style="background: url(../day1/images/img01.gif);" rowspan="2">1</td>
  35. <td>2</td>
  36. <td>3</td>
  37. </tr>
  38. <tr>
  39. <!-- <td>1</td> -->
  40. <td>2</td>
  41. <td>3</td>
  42. </tr>
  43. <tr>
  44. <td>1</td>
  45. <td>2</td>
  46. <td>3</td>
  47. </tr>
  48. <tr>
  49. <td>1</td>
  50. <td>2</td>
  51. <td>3</td>
  52. </tr>
  53. <tr>
  54. <td>1</td>
  55. <td>2</td>
  56. <td>3</td>
  57. </tr>
  58. </table>
  59. </body>
  60. </html>