HTML <table> 标签

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>

显示效果：