HTML 标签

table 标签定义 HTML 表格。
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。

---

1、简单表格

<table border="1">
    <tr>
      <td>姓名</td>
      <td>语文</td>
      <td>数学</td>
      <td>英语</td>
      <td>物理</td>
      <td>化学</td>
    </tr>
    <tr>
      <td>小明</td>
      <td>88</td>
      <td>99</td>
      <td>97</td>
      <td>78</td>
      <td>90</td>
    </tr>
    <tr>
      <td>小华</td>
      <td>85</td>
      <td>91</td>
      <td>93</td>
      <td>79</td>
      <td>96</td>
    </tr>
    <tr>
      <td>小红</td>
      <td>89</td>
      <td>96</td>
      <td>91</td>
      <td>87</td>
      <td>86</td>
    </tr>
  </table>

显示效果：

---

2、跨行跨列表格

  <table border="1" class="">
    <tr>
      <td colspan="7">学生成绩表</td>
    </tr>
    <tr>
      <td>班级</td>
      <td>姓名</td>
      <td>语文</td>
      <td>数学</td>
      <td>英语</td>
      <td>物理</td>
      <td>化学</td>
    </tr>
    <tr>
      <td rowspan="2">一班</td>
      <td>小明</td>
      <td>88</td>
      <td>99</td>
      <td>97</td>
      <td>78</td>
      <td>90</td>
    </tr>
    <tr>
      <td>小华</td>
      <td>85</td>
      <td>91</td>
      <td>93</td>
      <td>79</td>
      <td>96</td>
    </tr>
    <tr>
      <td>二班</td>
      <td>小红</td>
      <td>89</td>
      <td>96</td>
      <td>91</td>
      <td>87</td>
      <td>86</td>
    </tr>
  </table>

显示效果：