Tabellenkopfzellen in HTML

Neben den Tags td gibt es auch die Tags th, die ebenfalls Zellen erstellen. Aber das sind keine gewöhnlichen Zellen, sondern Kopfzellen, die angeben, was sich in dieser Spalte (oder Zeile) der Tabelle befindet. Standardmäßig ist der Text in solchen th-Zellen fett und zentriert ausgerichtet.

Schauen wir uns ein Beispiel an. Nehmen wir an, wir haben die folgende Tabelle mit Mitarbeitern:

<table border="1" width="300">
	<tr>
		<td>John</td>
		<td>Smith</td>
		<td>200$</td>
	</tr>
	<tr>
		<td>Nick</td>
		<td>Mayers</td>
		<td>300$</td>
	</tr>
	<tr>
		<td>Alex</td>
		<td>Jonson</td>
		<td>400$</td>
	</tr>
</table>

Wie Sie sehen können, enthält die erste Spalte den Vornamen des Mitarbeiters, die zweite Spalte den Nachnamen und die dritte das Gehalt. Lassen Sie uns eine weitere Zeile am Anfang der Tabelle hinzufügen, in der wir die Spaltenüberschriften in th-Tags platzieren:

<table border="1" width="300">
	<tr>
		<th>Name</th>
		<th>Surname</th>
		<th>Salary</th>
	</tr>
	<tr>
		<td>John</td>
		<td>Smith</td>
		<td>200$</td>
	</tr>
	<tr>
		<td>Nick</td>
		<td>Mayers</td>
		<td>300$</td>
	</tr>
	<tr>
		<td>Alex</td>
		<td>Jonson</td>
		<td>400$</td>
	</tr>
</table>

Wiederholen Sie das unten angegebene Beispiel: