6.表格.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>表格</title>
  6. </head>
  7. <body>
  8. <!--
  9. 表格
  10. table 表格框
  11. tr 表格行
  12. th 表格头部 内容字体会自动的加粗
  13. td 表格内的单元格
  14. border 边框
  15. cellpadding 单元格内容与边框的距离
  16. cellspacing 单元格边框与边框的距离
  17. caption 表格的标题
  18. rowspan 合并行
  19. colspan 合并列
  20. align 控制位置:center left right
  21. background 背景图
  22. -->
  23. <table border="1" cellpadding="20">
  24. <caption>标题</caption>
  25. <tr>
  26. <th>一</th>
  27. <th>二</th>
  28. <th>三</th>
  29. </tr>
  30. <tr>
  31. <td>1</td>
  32. <td rowspan="2">2</td>
  33. <td>3</td>
  34. </tr>
  35. <tr>
  36. <td>1</td>
  37. <!-- <td>2</td> -->
  38. <td>3</td>
  39. </tr>
  40. <tr>
  41. <td colspan="2" align="right" style="background: url('./images/R-C.jpg');">1</td>
  42. <!-- <td>2</td> -->
  43. <td>3</td>
  44. </tr>
  45. </table>
  46. </body>
  47. </html>