Crearea de tabele este un mod eficient de a organiza și afișa date într-un format structurat pe o pagină web. Voi împărți această "lecție" în mai multe secțiuni pentru a acoperi diferite aspecte ale creării și stilizării tabelelor în HTML5.
1. Structura de bază a unui tabel:
<table> și </table>
2. Antetele de Coloană (<th>):
Tag-urile <th> sunt utilizate pentru a defini antetele de coloană ale tabelei. Acestea sunt, de obicei, boldate și pot conține informații precum titlurile coloanelor.
3. Rândurile și Celulele (<tr> și <td>):
Tag-urile <tr> definesc rândurile din tabel, iar tag-urile <td> definesc celulele din cadrul acestor rânduri. Celulele conțin datele efective. Un rând și celulele sale ar trebui să fie corespunzătoare în număr cu antetele de coloană.
4. Stilizarea tabelelor cu CSS:
Pentru a stiliza tabelele, poți folosi CSS. De exemplu, poți utiliza proprietăți precum border, padding, background-color pentru a ajusta aspectul tabelului.
5. Spanning Cells (Celule extinse):
Folosind atributul colspan sau rowspan, poți face ca o celulă să se întindă pe mai multe coloane sau rânduri, respectiv.
6. Tabele Responsive:
Pentru a face tabelele să fie prietenoase pentru dispozitivele mobile, poți utiliza tehnicile CSS, cum ar fi overflow sau media queries, pentru a face tabelele să fie ușor de citit pe ecrane mici.
fdsf