Darbība ar tabulām HTML

Tagad mēs iemācīsimies veidot tabulas HTML. Es domāju, ka jūs iztēvojaties, kas ir tabila parastajā dzīvē - tā ir rindu un kolonnu kopums, kuru krustpunktos atrodas šūnas.

HTML tabulas tiek veidotas pēc līdzīga principa. Tur arī ir kolonnas un rindas ar šūnām, tomēr HTML tabulu kods pirmajā skatienā var šķist neparasts: tabulas tiek veidotas pēc rindām - vispirms pirmā rinda, tad otrā un tā tālāk.

Tabulas kodam ir stingra struktūra: galvenais ir tags table, kura iekšienē jāatrodas tagiem tr, kas veido tabulas rindas, un to iekšienē - tagiem td, kas veido šūnas. Tags table var būt ar atribūtu border, kas iestata apmali tabulai un tās šūnām.

Piemēram, izveidosim tabulu ar trim rindām un trim šūnām katrā rindā:

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

Результат: