Mi az HTML-ben egy táblázat szerkezete?

Az HTML táblázat szerkezete több elemmel határozható meg:

• <table>: A táblázat tartálya.
• <caption>: A táblázat opcionális címe.
• <colgroup> és <col>: Opcionális elemek a oszlopok csoportosítására és stílusok alkalmazására.
• <thead>: Oszlopfej szekció.
• <tbody>: A táblázat fő tartalom szekciója.
• <tfoot>: A táblázat lábléc szekciója.
• <tr>: Táblázat sor.
• <th>: Fejléc cella egy sorban.
• <td>: Adat cella egy sorban.

Az <thead>, <tbody> és <tfoot> elemek segítenek a sorok csoportosításában jelentés szerint, és a böngészők használhatják nagy táblák megjelenítésének optimalizálására. Ezekben a szekciókban <tr> elemek találhatók. A <tr>-ben <th> (általában <thead>-ben, néha <tbody> vagy <tfoot>-ben) vagy <td> (a <tbody>-ben és <tfoot>-ben, néha <thead>-ben) helyezkedik el.

Alapvető szerkezet példája:

<table>
  <caption>
    Terméklista
  </caption>
  <thead>
    <tr>
      <th>Név</th>
      <th>Ár</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Termék 1</td>
      <td>100</td>
    </tr>
    <tr>
      <td>Termék 2</td>
      <td>150</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="2">Összesen: 250</td>
    </tr>
  </tfoot>
</table>