Limba de programare html - crearea de tabele în html

Iată cum este scris în HTML:

1. Tabelul începe cu eticheta
2. Dacă este necesar ca fiecare celulă să fie evidențiată cu o margine, în eticheta de deschidere
   Între etichete
   Între etichete
   numele de coloane sunt scrise
   Între etichete
   se introduce datele pentru fiecare celulă.
   Fiecare serie se termină cu o etichetă
   Tabelul se termină cu o etichetă

   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)

   Fiecare rând de celule începe cu o etichetă

   și	și

Celule compozite

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

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ă.

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

   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ția Anul nasterii Ben părinți 1920 Sofia 1924 David surori 1951 Marisa 1954 Î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 Limba de programare rubinică Limbi de programare procedurală Cum sunt setate culorile în codul html și css, selectarea nuanțelor rgb în tabele, emiterea de Yandex și altele Pagina anterioară Pagina următoare Trimiteți-le prietenilor: