Tabelele HTML Structura unui tabel - SELFHTML-Wiki

Informații despre acest text

A masa este o compilație ordonată de texte sau date. Conținutul care trebuie afișat este împărțit în rânduri (orizontale) și coloane (verticale), care sunt aliniate grafic între ele.

Notă: Tabelele HTML sunt structura semantic adecvată pentru date tabulare în rânduri și coloane.

În trecut, tabelele HTML erau folosite pentru a implementa machete complete. Cu toate acestea, acest lucru contrazice în cele din urmă ideea de bază a designului web modern (cuvânt cheie: separarea conținutului și aspectului), poate cauza probleme de accesibilitate utilizatorilor cititorului de ecran și este dificil de întreținut.
Utilizați aspectul grilei pentru aceasta.

Cuprins

constructie

Mai multe elemente sunt responsabile pentru construirea unui tabel al structurii de rețea. În cel mai simplu caz, un tabel este format din rânduri de tabele în care există celule de tabel.

introduce un tabel (masa = Tabel). introduce o nouă linie de tabel (tr = rând de masă = Rândul tabelului). Apoi sunt definite celulele (coloanele) rândului relevant. Există o ultimă zi la sfârșitul unui rând de masă scris.

Antet și celule de date

Un rând de tabel poate conține celule de antet sau celule de date obișnuite.

Următorul grafic arată efectul elementelor HTML care creează un tabel:

Exemplul arată un tabel simplu cu trei rânduri, fiecare cu trei celule definite. Prima linie conține celule de antet (...), celelalte două celule de date ( ... ). Puteți vedea că browserele formează antetul și celulele de date diferit fără alte acțiuni, dar nu afișează nicio linie de cadru.

Celulele de masă pot fi, de asemenea, goale. Dacă nu doriți să introduceți date la rând pentru o coloană, scrieți una simplă. Vă rugăm să rețineți, totuși, că, în acest caz, browserul web va afișa celula ca „nedisponibilă”, deoarece acest comportament corespunde setării implicite a proprietății CSS-celule goale.

Mese cu cap, corp și picior

Cu toate acestea, ar trebui să împărțiți tabelul în sine în mai multe secțiuni,

în maximum un cap de antet de masă, maximum un subsol de masă și cel puțin un corp de masă .

Antetul tabelului conține liniile tabelului simplu care conțin doar celule de antet, în timp ce corpul tabelei conține liniile care conțin exclusiv sau în principal celule de date. Subsolul tabelului conține date care rezumă sau explică tabelul.

Dacă tabelul de pe imprimat este mai mare decât o pagină, părțile capului și ale picioarelor se repetă pe fiecare pagină la imprimare.

Casa A Casa B Spațiu de locuit Zona de grădină suprafata totala

100	150
50	100
150	250
Toate informațiile în metri pătrați.

Utilizarea colspan este explicată în capitolul Combinarea celulelor.

În HTML4, subsolul tabelului tfoot trebuia notat imediat după capătul din fața tbody, contrar reprezentării, deoarece tfoot conține și informații care se aplică tuturor coloanelor. Cu toate acestea, în HTML5, tfoot-ul trebuie plasat după tbody la capătul tabelului.

Proiectat de CSS

În trecut, tabelele erau formatate cu o varietate de atribute HTML. Cu CSS, totuși, puteți obține o formatare mai bună și mai adaptabilă.

Puteți găsi mai multe informații în capitolul 4 HTML/Tables/Design with CSS

---