5 #permalink Tabelka z cenami

Ten kod HTML przedstawia stronę internetową z informacjami na temat kosztów dostawy. Oto opis jego elementów:

Nagłówek h1:

Wyświetla tytuł "Koszty dostawy". Tabela table*:

Jest to tabela zawierająca informacje na temat różnych rodzajów dostawy i kosztów związanych z nimi. Wiersz nagłówka tr:

Zawiera nagłówki kolumn tabeli. Element jest używany do oznaczenia nagłówków. Pierwszy wiersz nagłówka tr:

Zawiera nagłówki "Rodzaj Dostawy", "Koszt przy odbiorze" i "Koszt z góry". Pierwsza komórka nagłówka th:

Zawiera "Rodzaj Dostawy" i jest rozszerzona na dwie kolumny (rowspan="2"). Drugi wiersz nagłówka tr:

Zawiera nagłówki "Płatność przy odbiorze" i "Płatność z góry". Pierwsza komórka wiersza th:

Zawiera "Płatność przy odbiorze". Druga komórka wiersza th:

Zawiera "Płatność z góry". Pierwszy wiersz danych tr:

Zawiera informacje dotyczące rodzaju dostawy "paczkomat" oraz odpowiadające koszty dla płatności przy odbiorze i płatności z góry. Pierwsza komórka danych th:

Zawiera "paczkomat"

opisy znaczników (z użyciem .selektor)

Example

Koszty dostawy

Rodzaj Dostawy	Koszt
Rodzaj Dostawy	płatność przy odbiorze	Płatność z góry
paczkomat	23.99	19.99
Poczta	28.00
Kurier	23.99	19.99
Kurier expres	28.00

Markup

<main>
  <H1>Koszty dostawy</H1>
  <table >
    <tr>
        <th rowspan="2">Rodzaj Dostawy</th>
        <th colspan="2"> Koszt</th>
    </tr>
    <tr>
        <th>płatność przy odbiorze</th>
        <th>Płatność z góry</th>
    </tr>
    <tr>
        <th>paczkomat</th>
        <th>23.99</th>
        <th>19.99</th>
    </tr>
    <tr>
        <th>Poczta</th>
        <th colspan="2"> 28.00</th>
    </tr>
    <tr>
        <th>Kurier</th>
        <th>23.99</th>
        <th>19.99</th>
    </tr>
    <tr>
        <th>Kurier expres</th>
        <th colspan="2"> 28.00</th>
    </tr>
  </table>
</main>

Source: sklep.css, line 223