3.3. Formatarea datelor tabulare
Tabelele reprezintă cel mai important element al documentelor HTML. În plus față de oportunitățile bogate de prezentare a datelor structurate, ele sunt utilizate pe scară largă ca mijloc de creare a "scheletelor" paginilor web.
Tabelele în HTML sunt definite utilizând containerul
. care conține alte elemente ale tabelului: titlul, anteturile de celule și conținutul acestora. Atributele containerelor se stabilește formatul liniei de rețea și regulile generale de formatare (formatul general este valabil dacă alt format nu este specificat de atributele de format ale rândurilor și celulelor).
Numele mesei se determină prin intermediul unui container
. . Alinierea numelui este specificată utilizând atributul ALIGN. care poate lua valorile TOP (partea superioară a tabelului) și BOTTOM (din partea de jos a tabelului).
Datele din tabel sunt organizate liniar, fiecare rând nou al tabelului este specificat de etichetă
.
(eticheta de închidere a containerului nu poți folosi). Pentru fiecare rând din tabel, utilizând atributele de etichete speciale puteți controla formatul global al celulelor care compun rândul.
Rândurile tabelului sunt împărțite în celule utilizând etichetele cu antet celular
. | și tag-uri de celule de date . | (este permisă o formă de înregistrare fără etichete de închidere). În ceea ce privește rândurile de tabel folosind atributele de etichete speciale și | Puteți controla formatarea anumitor celule de tabelă.
- începutul containerului de masă
nume de tabel
| 1 | ... N titlu | - prima linie / capac
| celula 1/1 | ... celula N / 1 | - 1 rând
| celulă 1 / i | ... celulă N / i | - i șir
| celula 1 / M | ... celulă N / M | - ultima linie
- capătul containerului de masă
Astfel, cea mai simplă tabelă, fără linii de rețea, într-un document HTML este definită după cum urmează:
Și iata ce avem în fereastra browserului:
Lista de prieteni și prietene
Înălțimea celulei tabelului este în pixeli sau în procente din lățimea tabelului.
Gestionarea liniilor de rețea ale meselor
Pentru a controla liniile de rețea din tabele, utilizați atributul BORDER al containerului . tabel cadru care specifică o grosime de pixel (implicit este nici un cadru, BORDER = 0). Standardul HTML 4, noi tabele, atribute, rânduri și celule: Cadru pentru o gestionare mai flexibilă a liniilor de grilă și normele tabele pentru a crea grupuri suplimentare de linii delimitatori din tabele.
Aceste atribute sunt suportate de browserele moderne și pot lua următoarele valori:
VOID - fără cadru;
ABOVE - partea superioară a cadrului;
Mai jos - partea de jos a cadrului;
LHS - partea stângă a cadrului;
RHS - partea dreaptă a cadrului;
VSIDES - linii verticale;
HSIDES - linii orizontale;
NU - fără separator de grupuri;
GRUPURI - separatoare de grup vertical și orizontal;
echivalent
echivalent
Gestionarea culorii elementelor de masă
Atributele de control al culorilor ale elementelor de tabelă au apărut în HTML ca extensii standard oferite de principalii furnizori de browsere Web (Microsoft și Netscape).
Extensii de gestionare a culorilor: BORDERCOLOR - culoarea frontală și BGCOLOR - culoarea de fundal, utilizate ca atribute pentru etichete: , , | , | . În consecință, scopul acțiunii lor poate fi întregul tabel, un rând sau o singură celulă.
- tabel.
| |
- line.
| - celulă.
Combinați elementele tabelelor.
Pentru a crea tabele complexe, nu puteți face fără combinarea rândurilor și coloanelor. Pentru a îmbina celulele rândurilor și coloanelor adiacente ale unei tabele, HTML utilizează etichetele ROWSPAN și COLSPAN și | . Aceste atribute indică numărul de celule îmbinate într-un rând (ROWSPAN = N) sau o coloană (COLSPAN = N). Luați în considerare utilizarea acestor atribute în tabelul de exemplu.
Codul HTML al tabelului:
PRIETENI ȘI PRIETENI |
|---|
PRIETENI | fard de ochi | 44-44-44 |
Vasya | 33-33-33 |
Girlfriends | Masha | 11-11-11 |
Glasha | 22-22-22 |
Aspectul tabelului:
PRIETENI ȘI PRIETENI
În standardul HTML 4, au apărut noi etichete pentru gruparea (nu gruparea, și anume gruparea) de rânduri și coloane ale tabelului în grupuri cu proprietăți comune. Acestea sunt etichete și - gruparea și descrierea proprietăților coloanei, - definirea antetului tabelului, | - definirea grupului de masă corporală, - definirea liniei de bază. Un atribut tag util și este atributul SPAN = N. care distribuie proprietățile specificate de aceste etichete în N-coloanele din grup.
Utilizarea acestor etichete facilitează foarte mult aspectul și formatarea tabelelor. Schema aplicației lor este următoarea (în acest exemplu o singură formă de etichete de înregistrare . și . dar în cazul în care unul dintre ele este utilizat, este necesar să se utilizeze formularul containerului):
.
.
| 1 | . N titlu |
|
| 1 coloană | . N coloană |
.
|
| 1 coloană | . N coloană |
|
| 1 coloană finală | . N coloana finală |
|
Pentru a demonstra capacitățile noilor etichete, să analizăm două opțiuni, care este mai ușor - decideți, dar rezultatul va fi același.
Dar rezultatul ambelor noastre acțiuni:
Articole similare
|