Рад са табелама у 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>

Результат: