Работа со табели во HTML

Сега ќе научиме како да правиме табели во HTML. Мислам дека знаете што е табела во обичниот живот - тоа е збир на редови и колони, на чиј крстосница се наоѓаат ќелии.

Во HTML табелите се создаваат на сличен принцип. Таму исто така има колони и редови со ќелии, сепак HTML кодот на табелите при прв поглед може да изгледа необично: табелите се создаваат по редови - прво првиот ред, потоа вториот и така натаму.

Кодот на табелата има цврста структура: главен е тагот table, внатре во кој треба да се наоѓаат тагови tr, кои создаваат редови на табелата, а внатре во нив - тагови td, кои создаваат ќелии. Тагот table може да има атрибут border, кој ја задава границата на табелата и нејзините ќелии.

Да направиме за пример табела со три реда и три ќелии во секој ред:

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

Результат: