demo04.html 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>标题</title>
  6. </head>
  7. <body>
  8. <!--
  9. <table> 标签定义了 HTML 表格。
  10. 一个 HTML 表格由一个 <table> 元素和一个或多个 <tr>、<th> 和 <td> 元素组成:
  11. <tr> 元素 定义表格行
  12. <th> 元素 定义表格标题
  13. <td> 元素 定义表格单元格
  14. -->
  15. <table border="1" width="50%" align="center" >
  16. <tr>
  17. <th>id</th>
  18. <th>name</th>
  19. <th>age</th>
  20. <th>头像</th>
  21. <th>address</th>
  22. <th>操作</th>
  23. </tr>
  24. <tr>
  25. <td>1</td>
  26. <td>zs</td>
  27. <td>22</td>
  28. <td>
  29. <img src="../img/logo.png" width="20px" ></img>
  30. </td>
  31. <td>北京</td>
  32. <td>
  33. <a href="" target="_blank">删除</a>
  34. <a href="" target="_blank">修改</a>
  35. </td>
  36. </tr>
  37. </table>
  38. <hr>
  39. <!--
  40. colspan 列合并
  41. rowspan 行合并
  42. -->
  43. <!-- --------------------------- -->
  44. <table border="1" width="50%" align="center" cellpadding="0" cellspacing="0" >
  45. <tr>
  46. <td colspan="2" >1</td>
  47. <td rowspan="2">22</td>
  48. </tr>
  49. <tr>
  50. <td rowspan="2" >2</td>
  51. <td>lisi</td>
  52. </tr>
  53. <tr>
  54. <td colspan="2" >lisi</td>
  55. </tr>
  56. </table>
  57. </body>
  58. </html>