Werk met tabelle in HTML

Nou sal ons leer om tabelle te maak in HTML. Ek dink jy kan jou voorstel wat 'n tabel in die gewone lewe is - dit is 'n stel rye en kolomme, waar die selle by hul kruising is.

In HTML word tabelle volgens 'n soortgelyke beginsel geskep. Daar is ook kolomme en rye met selle, maar HTML-kode van tabelle kan met die eerste oogopslag ongewoon lyk: tabelle word geskep volgens rye - eers die eerste ry, dan die tweede en so meer.

Die tabelkode het 'n harde struktuur: die hoof is die table-tag, binne-in wat die tr-tags moet lê, wat die rye van die tabel skep, en binne hulle - die td-tags, wat die selle skep. Die table-tag kan die border-kenmerk hê, wat die rand aan die tabel en sy selle gee.

Kom ons maak byvoorbeeld 'n tabel met drie rye en drie selle in elke ry:

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

Результат: