Punimi me tabela në HTML

Tani do të mësojmë të bëjmë tabela në HTML. Unë mendoj se ju e imagjinoni se çfarë është një tabelë në jetën e përditshme - është një grup rreshtash dhe kolonash, në kryqëzimin e të cilave ndodhen qelizat.

Në HTML, tabelat krijohen sipas një parimi të ngjashëm. Atje gjithashtu ka kolona dhe rreshta me qeliza, sidoqoftë, kodi HTML i tabelave në shikimin e parë mund të duket i pazakontë: tabelat krijohen sipas rreshtave - së pari rreshti i parë, pastaj i dyti e kështu me radhë.

Kodi i tabelës ka një strukturë të ngurtë: kryesori është tagu table, brenda të cilit duhet të vendosen taget tr, të cilat krijojnë rreshtat e tabelës, dhe brenda tyre - taget td, të cilat krijojnë qelizat. Tagu table mund të ketë atributin border, i cili vendos kufirin për tabelën dhe qelizat e saj.

Le të bëjmë, për shembull, një tabelë me tre rreshta dhe tre qeliza në çdo rresht:

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

Результат: