html - 连续html中的一些行

Question

我想要如图所示的表格，我尝试合并单元格但没有成功。这是我没有合并的代码:

.tftable {margin: 10px auto;font-size:12px;color:#333333;width:auto;border-width: 1px;border-color: #5e823a;border-collapse: collapse;}
.tftable th {font-weight: 800;font-size:24px;background-color:#46622a;border-width: 2px;padding: 8px;border-style: solid;border-color: #5e823a;text-align:left;color: #fcfcfc;}
.tftable tr {background-color:#88b35d;}
.tftable td {font-weight: 600;font-size:18px;border-width: 2px;padding: 8px;border-style: solid;border-color: #5e823a;}

<table class="tftable" border="1">
	<tr>
		<th>SuperVisors</th>
	</tr>
</table>
<table class="tftable" border="1">
	<tr>
		<th>Armina</th>
		<th>Saleen</th>
		<th>Julia</th>
		<th>Samina</th>
	</tr>
	<tr>
		<td><img src="http://www.dhresource.com/albu_962922772_00/1.200x200.jpg" alt="Super Visors" height="200" width="200"></td>
		<td><img src="http://www.dhresource.com/albu_962922772_00/1.200x200.jpg" alt="Super Visors" height="200" width="200"></td>
		<td><img src="http://www.dhresource.com/albu_962922772_00/1.200x200.jpg" alt="Super Visors" height="200" width="200"></td>
		<td><img src="http://www.dhresource.com/albu_962922772_00/1.200x200.jpg" alt="Super Visors" height="200" width="200"></td>
	</tr>
</table>

Answer 1

简单。 colspan属性:

.tftable {margin: 10px auto;font-size:12px;color:#333333;width:auto;border-width: 1px;border-color: #5e823a;border-collapse: collapse;}
.tftable th {font-weight: 800;font-size:24px;background-color:#46622a;border-width: 2px;padding: 8px;border-style: solid;border-color: #5e823a;text-align:left;color: #fcfcfc;}
.tftable tr {background-color:#88b35d;}
.tftable td {font-weight: 600;font-size:18px;border-width: 2px;padding: 8px;border-style: solid;border-color: #5e823a;}

<table class="tftable" border="1">
    <thead>
	<tr>
		<th colspan="4">SuperVisors</th>
	</tr>
	<tr>
		<th>Armina</th>
		<th>Saleen</th>
		<th>Julia</th>
		<th>Samina</th>
	</tr>
    </thead>
    <tbody>
	<tr>
		<td><img src="http://www.dhresource.com/albu_962922772_00/1.200x200.jpg" alt="Super Visors" height="200" width="200"></td>
		<td><img src="http://www.dhresource.com/albu_962922772_00/1.200x200.jpg" alt="Super Visors" height="200" width="200"></td>
		<td><img src="http://www.dhresource.com/albu_962922772_00/1.200x200.jpg" alt="Super Visors" height="200" width="200"></td>
		<td><img src="http://www.dhresource.com/albu_962922772_00/1.200x200.jpg" alt="Super Visors" height="200" width="200"></td>
	</tr>
    </tbody>
</table>

备注<tbody>和 <thead>标签。