Fundamentele limbajului de markup hipertext

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ă

... - prima linie / capac
... - 1 rând
... - i șir
... - ultima linie
nume de tabel
1 N titlu
celula 1/1 celula N / 1
celulă 1 / i celulă N / i
celula 1 / M celulă N / M
- 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:

    , , - 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 - 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):

    , . În consecință, scopul acțiunii lor poate fi întregul tabel, un rând sau o singură celulă.

    .
    - tabel.

    ș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
    PRIETENIfard de ochi44-44-44
    Vasya33-33-33
    GirlfriendsMasha11-11-11
    Glasha22-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





    .

    .

    .

    .
    .
    .

    .
    1N 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