Który ze znaczników służy do dodawania wierszy w tabeli w języku HTML?

Do dodawania wierszy w tabeli HTML służy znacznik <tr>. To podstawowy element struktury tabeli, który definiuje pojedynczy wiersz, w którym umieszczane są komórki danych lub nagłówki.

Struktura tabeli HTML z użyciem znaczników wierszy

Tabela HTML zawsze rozpoczyna się od znacznika <table>, a następnie jej zawartość organizowana jest w wiersze za pomocą <tr>. Każdy wiersz, czyli pozioma linia tabeli, składa się z komórek tworzonych za pomocą znacznika <td> (dla danych) lub <th> (dla nagłówków).

Podstawowy przykład użycia znacznika <tr>

<table border="1">
    <tr>
        <th>Lp.</th>
        <th>Imię</th>
        <th>Nazwisko</th>
    </tr>
    <tr>
        <td>1</td>
        <td>Anna</td>
        <td>Nowak</td>
    </tr>
    <tr>
        <td>2</td>
        <td>Jan</td>
        <td>Kowalski</td>
    </tr>
</table>

• <tr>...</tr> otacza całą zawartość pojedynczego wiersza tabeli,
• w powyższym przykładzie tabela składa się z trzech wierszy: jeden z nagłówkami, dwa z danymi.

Szczegółowe zastosowanie znacznika <tr>

• każdy nowy wiersz w tabeli rozpoczynasz od <tr>, a kończysz </tr>,
• wewnątrz każdego <tr> mogą znajdować się dowolne komórki <td> (komórki danych) lub <th> (nagłówki),
• zaleca się zachowanie jednakowej liczby komórek w każdym wierszu, co ułatwia czytelność i prawidłowe wyświetlanie tabeli.

Dodanie kolejnego wiersza

Aby dodać następny wiersz, umieść pod kolejnym <tr>...</tr> nową sekwencję komórek:

<tr>
    <td>3</td>
    <td>Michał</td>
    <td>Zieliński</td>
</tr>

Konstrukcja tabeli od podstaw

Oto jak wygląda kompletna tabela z trzema wierszami z danymi:

<table border="1">
    <tr>
        <td>1</td>
        <td>Jabłko</td>
        <td>Czerwone</td>
    </tr>
    <tr>
        <td>2</td>
        <td>Banana</td>
        <td>Żółte</td>
    </tr>
    <tr>
        <td>3</td>
        <td>Gruszka</td>
        <td>Zielone</td>
    </tr>
</table>

Najczęstsze błędy

• wstawianie komórek <td> lub <th> poza <tr> jest nieprawidłowe. Zawsze grupuj komórki w ramach jednego wiersza,
• liczba komórek w każdym wierszu powinna być identyczna, aby struktura tabeli była przejrzysta.

Podsumowanie zastosowania znacznika <tr>

• Tworzy nowy wiersz w tabeli HTML;
• musi być używany wewnątrz znacznika <table>;
• komórki danych tworzy się poprzez <td>, a nagłówki wierszy lub kolumn przez <th>;
• wraz z <td> i <th> umożliwia budowę czytelnych, uporządkowanych tabel zgodnych ze standardami HTML.

Znajomość poprawnych zasad używania <tr> gwarantuje profesjonalny i funkcjonalny wygląd tabeli HTML.