HTML -Tabelle Colspan & Rowspan
HTML-Tabellen können Zellen haben, die sich über mehrere Zeilen und/oder Spalten erstrecken.
NAME | ||
---|---|---|
APRIL | ||
---|---|---|
2022 | ||
---|---|---|
FIESTA | ||
HTML-Tabelle - Colspan
Verwenden Sie das colspan
Attribut, damit sich eine Zelle über mehrere Spalten erstreckt:
Beispiel
<table>
<tr>
<th colspan="2">Name</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>43</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>57</td>
</tr>
</table>
Hinweis: Der Wert des colspan
Attributs stellt die Anzahl der zu überspannenden Spalten dar.
HTML-Tabelle - Zeilenspanne
Damit sich eine Zelle über mehrere Zeilen erstreckt, verwenden Sie das rowspan
Attribut:
Beispiel
<table>
<tr>
<th>Name</th>
<td>Jill</td>
</tr>
<tr>
<th rowspan="2">Phone</th>
<td>555-1234</td>
</tr>
<tr>
<td>555-8745</td>
</tr>
</table>
Hinweis: Der Wert des rowspan
Attributs stellt die Anzahl der zu überspannenden Zeilen dar.