Atrybut colspan

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

ProduktLiczbaCena
Mysz250 PLN
Klawiatura1200 PLN
Karta graficzna1800 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śćOpisHTML 4.01/XHTML 1.0HTML5
liczbaDodatnia liczba całkowita określająca, ile kolumn ma obejmować komórka tabeli
0Zero 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.

Podobał Ci się ten artykuł?

Oceń go!

Średnia 0 / 5. Liczba głosów: 0

Jeszcze nikt nie głosował. Wyprzedź innych i zagłosuj.

Skoro spodobał Ci się ten artykuł...

Poleć go znajomym!

Ojej :( Powiedz nam, co powinniśmy poprawić!

Jajko z dzwonkiem
Podoba Ci się ta strona?

Pomóż nam się rozwijać, wykupując płatne konto. Dzięki temu będziemy mogli tworzyć dla Ciebie jeszcze więcej ciekawych treści, a Ty pozbędziesz się reklam.

Dodaj komentarz

dwa × pięć =