Kokia yra lentelės struktūra HTML?

HTML lentelės struktūrą apibrėžia keli elementai:

• <table>: Lentelės konteineris.
• <caption>: Pasirinktinai lentelės pavadinimas.
• <colgroup> ir <col>: Pasirinktiniai elementai stulpelių grupavimui ir stilių taikymui.
• <thead>: Stulpelių antraščių sekcija.
• <tbody>: Pagrindinio turinio sekcija.
• <tfoot>: Apatinės dalies sekcija.
• <tr>: Lentelės eilutė.
• <th>: Antraštės langelis eilutėje.
• <td>: Duomenų langelis eilutėje.

Elementai <thead>, <tbody> ir <tfoot> padeda grupuoti eilutes pagal prasmę ir gali būti naudojami naršyklėse optimizuojant didelių lentelių rodymą. Šių sekcijų viduje yra <tr> elementai. <tr> viduje yra <th> (dažniausiai <thead>-e, kartais <tbody> ar <tfoot>-e) arba <td> ( <tbody> ir <tfoot>-e, kartais <thead>-e).

Pagrindinė struktūros pavyzdys:

<table>
  <caption>
    Prekių sąrašas
  </caption>
  <thead>
    <tr>
      <th>Pavadinimas</th>
      <th>Kaina</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Prekė 1</td>
      <td>100</td>
    </tr>
    <tr>
      <td>Prekė 2</td>
      <td>150</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="2">Iš viso: 250</td>
    </tr>
  </tfoot>
</table>