<table>标签

HTML的 table 元素表示表格数据 — 即通过二维数据表表示的信息。

<thead>标签

HTML的元素定义了一组定义表格的列头的行。

<tbody>标签

HTML的元素定义一组数据行。

<tr>标签

HTML 元素定义表格中的行。 同一行可同时出现 和 元素。

<th>标签

HTML 元素定义表格内的表头单元格。

<td>标签

HTML 元素 定义了一个包含数据的表格单元格。

<caption>标签

HTML 元素 (or HTML 表格标题元素) 展示一个表格的标题, 它常常作为

的第一个子元素出现,同时显示在表格内容的最前面,但是,它同样可以被 CSS 样式化,所以,它同样可以出现在相对于表格的任意位置。

  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>Document</title>
  8. </head>
  9. <body>
  10. <table>
  11. <caption>成绩单</caption>
  12. <thead>
  13. <tr>
  14. <th>姓名</th>
  15. <th>学号</th>
  16. <th>语文</th>
  17. <th>数学</th>
  18. <th>英语</th>
  19. </tr>
  20. </thead>
  21. <tbody>
  22. <tr>
  23. <td>zdkk</td>
  24. <td>001</td>
  25. <td>100</td>
  26. <td>100</td>
  27. <td>100</td>
  28. </tr>
  29. <tr>
  30. <td>Alice</td>
  31. <td>002</td>
  32. <td>90</td>
  33. <td>80</td>
  34. <td>95</td>
  35. </tr>
  36. <tr>
  37. <td>Bob</td>
  38. <td>003</td>
  39. <td>75</td>
  40. <td>90</td>
  41. <td>90</td>
  42. </tr>
  43. </tbody>
  44. </table>
  45. </body>
  46. </html>