Táblázatok kezelése HTML-ben

Most megtanuljuk, hogyan készítsünk táblázatot a HTML-ben. Azt hiszem, elképzelik, mi az a táblázat a hétköznapi életben - ez sorok és oszlopok gyűjteménye, amelyek metszéspontjában cellák találhatók.

A HTML-ben a táblázatok hasonló elv szerint készülnek. Ott is vannak oszlopok és sorok cellákkal, azonban a táblázatok HTML kódja első pillantásra szokatlannak tűnhet: a táblázatok soronként készülnek - először az első sor, majd a második és így tovább.

A táblázat kódja merev szerkezetű: a fő elem a table tag, amelyen belül tr tag-eknek kell lenniük, amelyek a táblázat sorait hozzák létre, és azokon belül - td tag-ek, amelyek a cellákat hozzák létre. A table tag rendelkezhet border attribútummal, amely a táblázat és celláinak szegélyét határozza meg.

Példaként készítsünk egy táblázatot három sorral és három cellával minden sorban:

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>

Результат: