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.