Informatică Baze de date
Tabele in HTML
Tabelele în HTML sunt structuri utilizate pentru a afișa date în rânduri și coloane, organizate cu tag-uri precum <table>, <tr>, <td> și <th>. Ele sunt esențiale pentru prezentarea informațiilor tabelare, cum ar fi orare sau liste de prețuri, și pot fi stilizate cu CSS.
Elemente de bază ale tabelelor
- <table> Tag-ul principal care definește tabelul. Exemplu: <table> conține toate celelalte elemente.
- <tr> Definește un rând în tabel. Exemplu: <tr> poate conține una sau mai multe celule <td> sau <th>.
- <td> și <th> <td> este pentru celule de date normale, iar <th> pentru celule de antet, care sunt implicit îngroșate și centrate. Exemplu: <th>Nume</th> pentru antetul unei coloane.
Crearea unui tabel simplu
- 1 Pasul 1: Structura de bază <table><tr><th>Produs</th><th>Preț</th></tr><tr><td>Mere</td><td>5 lei</td></tr><tr><td>Pâine</td><td>3 lei</td></tr></table>
- 2 Pasul 2: Adăugare atributelor Folosește border="1" în <table> pentru a afișa borduri sau colspan pentru a uni celule. Exemplu: <td colspan="2">Total</td> ocupă două coloane.
- 3 Pasul 3: Stilizare cu CSS Adaugă <style>table { border-collapse: collapse; } th, td { border: 1px solid black; padding: 8px; }</style> pentru un aspect mai curat.
Folosește <thead>, <tbody> și <tfoot> pentru a grupa secțiuni și a îmbunătăți accesibilitatea și stilizarea.