Praca z tabelami w HTML

Teraz nauczymy się tworzyć tabele w HTML. Myślę, że zdajecie sobie sprawę, co to jest tabela w zwykłym życiu - to zestaw wierszy i kolumn, na przecięciu których znajdują się komórki.

W HTML tabele tworzone są na podobnej zasadzie. Również tam są kolumny i wiersze z komórkami, jednak kod HTML tabel przy pierwszym spojrzeniu może wydać się niezwykły: tabele tworzone są według wierszy - najpierw pierwszy wiersz, potem drugi i tak dalej.

Kod tabeli ma sztywną strukturę: głównym elementem jest znacznik table, wewnątrz którego powinny znajdować się znaczniki tr, które tworzą wiersze tabeli, a wewnątrz nich - znaczniki td, które tworzą komórki. Znacznik table może mieć atrybut border, który ustawia obramowanie tabeli i jej komórkom.

Dla przykładu zróbmy tabelę z trzema wierszami i trzema komórkami w każdym wierszu:

html<table border="1">
  <tr>
    <td>komórka 1</td>
    <td>komórka 2</td>
    <td>komórka 3</td>
  </tr>
  <tr>
    <td>komórka 4</td>
    <td>komórka 5</td>
    <td>komórka 6</td>
  </tr>
  <tr>
    <td>komórka 7</td>
    <td>komórka 8</td>
    <td>komórka 9</td>
  </tr>
</table>

Результат: