Limba de programare html - crearea de tabele în html

Iată cum este scris în HTML:


















Familia mea
numerelațieAnul nasterii
Bentată1920
Sofiamamă1924
Davidsoră1951
Marisasoră1954

  1. Tabelul începe cu eticheta
  2. Dacă este necesar ca fiecare celulă să fie evidențiată cu o margine, în eticheta de deschidere
  3. Între etichete
  4. Între etichete
  5. numele de coloane sunt scrise
  6. Între etichete
  7. se introduce datele pentru fiecare celulă.
  8. Fiecare serie se termină cu o etichetă
  9. Tabelul se termină cu o etichetă
  10. se specifică numele tabelului. Numele este un element arbitrar. Se poate da o locație cu atributul ALIGN cu argumentul TOP (sus) sau BOTTOM (în partea de jos)
  11. Fiecare rând de celule începe cu o etichetă
  12. și și

Celule compozite

Iată cum puteți scrie o astfel de tabelă în HTML:


















Familia mea
Numele și relațiaAnul nasterii
Benpărinți1920
Sofia1924
Davidsurori1951
Marisa1954

  1. După eticheta de deschidere
  2. După eticheta de deschidere

Ajustarea lățimii mesei și a celulelor

Puteți controla atât lățimea totală a întregii mese, cât și lățimea fiecărei celule individuale. Dacă lățimea tabelului nu este specificată, browserul îl afișează în lățimea completă a ferestrei, la fel ca textul simplu. Dacă masa este îngustă, atunci nu există probleme. Dar dacă tabelul este prea lat pentru fereastra browserului, acesta este afișat într-un mod inacceptabil. Acest lucru va afecta negativ designul general și lizibilitatea.
Lățimea totală a tabelului poate fi setată în două moduri: în pixeli și în procentul lățimii ferestrei. Când se specifică în pixeli, tabelul va avea întotdeauna aceeași lățime. Dacă lățimea este specificată ca procent, tabela va ocupa întotdeauna aceeași parte a ferestrei browserului.
Lățimea celulelor individuale poate fi de asemenea setată în două moduri: în pixeli și în procentajul lățimii totale a tabelului. Când specificați în pixeli, toate celulele vor avea întotdeauna aceeași lățime. Dacă dimensiunea este stabilită în procente, atunci proporțiile celulelor din rând sunt constante.
O modalitate simplă de a controla dimensiunea unei mese este să setați mai întâi lățimea totală a tabelului în pixeli și apoi lățimea fiecărei coloane ca procent din lățimea totală a tabelului. Dimensiunile date în pixeli, dimensiunile specificate în procente și celulele compozite se pot afecta reciproc și astfel dacă rezultatul nu corespunde rezultatului așteptat, examinați toți acești parametri și încercați alte opțiuni.
Amintiți-vă! Toate celulele din aceeași coloană au aceeași lățime, dar pentru celulele din același rând, lățimea poate fi diferită.


















Familia mea
Numele și relațiaAnul nasterii
Benpărinți1920
Sofia1924
Davidsurori1951
Marisa1954

  1. În etichetă
  2. În etichete
  3. pune atributul align =. Determinați tipul de aliniere după semnul =. Selectați STÂNGA (stânga); DREAPTA (dreapta) CENTRU (centrat).
  4. În etichete
  5. Alinierea în tabele.

    Folosind codul HTML, puteți controla alinierea textului și graficii în celulele tabelă. Dacă nu specificați o aliniere, atunci numele tabelului și anteturile coloanelor sunt centrate, iar conținutul celorlalte celule este aliniat orizontal spre stânga și vertical spre linia mijlocie a celulei. Această vizualizare este bună pentru majoritatea tabelelor, dar puteți încerca să îmbunătățiți designul și lizibilitatea tabelelor cu alte metode de aliniere.
    Aliniere orizontală și verticală conținutul rândurilor este specificat utilizând atributul ALIGN din eticheta TR. Dacă doriți să faceți aliniere orizontală și verticală în celule separate, acest lucru se face folosind atributul ALIGN din tag-urile TH și TD.

    Codul de masă:


















    Familia mea
    Numele și relațiaAnul nasterii
    Benpărinți1920
    Sofia1924
    Davidsurori1951
    Marisa1954

    1. În etichetă
    sau poate folosi atributul valign =. specificând alinierea verticală. Argumentul care determină tipul de aliniere, pus după semnul este. Selectați TOP (în partea de sus); BOTTOM (pe marginea de jos); MIDDLE (în mijloc), litera v în numele atributului valign corespunde cuvântului "vertical" - vertical

    Împiedicați mutarea textului la o linie nouă.

    Cu HTML, puteți împiedica textul să treacă automat la o linie nouă atunci când celula este plină. Pentru aceasta, atributul NOWRAP este utilizat în interiorul etichetei TD.
    În acest caz, celula în care este înscris acest atribut va avea o lățime, în funcție de cantitatea de informații înscrise.

    Proiectare mese

    Aspectul tabelelor poate fi modificat prin utilizarea a trei atribute: BORDER. CELLSPACING și CELLPADDING. Atributul BORDER definește aspectul marginii exterioare în jurul mesei și a celulelor. Atributul CELLSPACING specifică grosimea liniilor de rețea între celulele din tabel. Atributul CELLPADDING specifică cantitatea de câmpuri goale dintre conținutul unei celule și limitele ei.

    Dacă cadrul exterior nu este necesar, nu puneți atributul BORDER în etichetă

    .

    Articole similare