Tabelite töötamine HTML-is

Praegu õpime tegema tabeleid HTML-is. Ma arvan, et te kujutate ette, mis on tabel tavapärases elus - see on ridade ja veergude kogum, mille ristumiskohtades asuvad lahtrid.

HTML-is luuakse tabelid sarnase põhimõtte järgi. Seal on samuti veerud ja read lahtritega, kuid HTML-i tabelikood võib esimesel pilgul tunduda ebatavaline: tabeleid luuakse ridade kaupa - kõigepealt esimene rida, siis teine ja nii edasi.

Tabeli koodil on range struktuur: peamine on silt table, mille sees peavad asema silt tr, mis loovad tabeli read, ja nende sees - silt td, mis loovad lahtrid. Silt table võib omada atribuuti border, mis määrab tabelile ja selle lahtritele piirjooned.

Teeme näiteks tabeli kolme rea ja kolme lahtriga igas reas:

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>

Результат: