), Fiecare linie constă dintr-unul sau mai multe celule de date (elementul ). date celulare pot include text, imagini, liste, paragrafe, formulare, linii orizontale, tabele, etc.
Prima linie, prima celulă |
Prima linie, a doua celulă |
A doua linie, prima celulă |
A doua linie, a doua celulă |
Cum va arăta în browser:
Prima linie, prima celulă
Prima linie, a doua celulă
A doua linie, prima celulă
A doua linie, a doua celulă
Tabelele și atributul de frontieră
Dacă nu specificați un atribut de frontieră din tabel va fi afișată fără rame. este uneori utilă, dar în cele mai multe cazuri, cel mai probabil veți dori să afișeze un cadru de masă.
Pentru a le afișa, ar trebui să utilizați atributul de frontieră:
Prima linie, prima celulă |
Prima linie, a doua celulă |
Titlurile din tabel
Rubricile într-un tabel se introduc cu ajutorul tag-ul |
antet |
Un alt antet |
|---|
Linia 1, 1 celulă |
Linia 1, 2 celule |
Modelul 2, celula 1 |
Modelul 2, Caseta 2 |
Cum va arăta în browser:
Un alt antet
Linia 1, 1 celulă
Linia 1, 2 celule
Modelul 2, celula 1
Modelul 2, Caseta 2
Celulele albe din tabel
Celulele goale nu sunt foarte bine afișate în multe browsere:
Linia 1, 1 celulă |
Linia 1, 2 celule |
Modelul 2, celula 1 |
|
Cum va arăta în browser:
Linia 1, 1 celulă
Linia 1, 2 celule
Modelul 2, celula 1
Rețineți că rama a dispărut în jurul celulei goale (Mozilla Firefox afișează cadrul!).
Pentru a evita acest lucru și va afișa un cadru în jurul celulei goale, adăugați un spațiu non-rupere () la celule goale:
Linia 1, 1 celulă |
Linia 1, 2 celule |
Modelul 2, celula 1 |
|
Cum va arăta în browser:
Linia 1, 1 celulă
Linia 1, 2 celule
Modelul 2, celula 1
tag-uri , |
Acesta este rar folosit din cauza sprijinului incomplet pentru browsere. Este de așteptat ca acest lucru va fi corectat în versiunile viitoare ale XHTML.
Mai multe exemple
Acest exemplu demonstrează tabelul fără cadre.
EXEMPLUL demonstiruet cum să afișeze titlurile din tabel.
Exemplu de utilizare a spațiului demonstiruet non-rupere ( „“) pentru afișarea corectă a celulelor goale.
Masa demonstiruet EXEMPLU cu nume.
Acest exemplu demonstrează celulele nesolkih de asociere în rândurile stobltsah / tabel.
EXEMPLUL demonstiruet ca și alte elemente afișate în tabel.
Exemplul demonstiruet folosesc atributul cellpadding pentru a crește câmpul în jurul conținutul celulei.
EXEMPLU demonstiruet folosesc atributul cellspacing pentru a modifica distanța dintre celule.
Exemplul demonstiruet cum se schimba fundalul mesei, sau de a folosi ca imagine de fundal.
EXEMPLU demonstiruet cum se schimba modelul de celule din tabel sau utilizat ca imagine de fundal.
EXEMPLU demonstiruet folosiți atributul align pentru a alinia continutul celulei.
Utilizarea atributului cadru pentru a monitoriza cadre în jurul mesei.
Utilizarea atributelor de frontieră cadru și pentru controlul cadrelor de masă.
tabele tag-uri