Atrybut colspan służy do określania liczby kolumn tabeli, jakie ma obejmować swoją szerokością komórka tabeli.
Przykład użycia
Przykład użycia atrybutu colspan.
<table border="1">
<tr>
<th>Produkt</th>
<th>Liczba</th>
<th>Cena</th>
</tr>
<tr>
<td>Mysz</td>
<td>2</td>
<td>50 PLN</td>
</tr>
<tr>
<td>Klawiatura</td>
<td>1</td>
<td>200 PLN</td>
</tr>
<tr>
<td>Karta graficzna</td>
<td>1</td>
<td>800 PLN</td>
</tr>
<tr>
<td colspan="3">Suma: 1100 PLN</td>
</tr>
</table>Wynik
| Produkt | Liczba | Cena |
|---|---|---|
| Mysz | 2 | 50 PLN |
| Klawiatura | 1 | 200 PLN |
| Karta graficzna | 1 | 800 PLN |
| Suma: 1100 PLN | ||
Składnia atrybutu colspan
<nazwa_elementu colspan="liczba">
Elementy związane z atrybutem colspan
Atrybut colspan dotyczy elementów th i td.
Wartości atrybutu colspan
| Wartość | Opis | HTML 4.01/XHTML 1.0 | HTML5 |
|---|---|---|---|
| liczba | Dodatnia liczba całkowita określająca, ile kolumn ma obejmować komórka tabeli | ✔ | ✔ |
0 |
Zero oznacza, że komórka ma obejmować wszystkie kolumny od bieżącej do końca tabeli | ✔ | ✔ |
Różnice między HTML 4.01 a HTML5
Atrybut colspan w języku HTML 4.01 ma dodatkową wartość 0, która oznacza, że komórka ma obejmować wszystkie kolumny od bieżącej do końca tabeli.
