Acesta este destinat pentru crearea unei celule a mesei. Eticheta TD trebuie plasată în interiorul containerului TR. care, la rândul său, este situat în interiorul etichetei TABLE.
Închideți eticheta
Nu este necesar.
parametrii
aliniază - determină alinierea conținutului celulei pe orizontală.
background - specifică imaginea de fundal din celulă.
bgcolor - culoarea de fundal a celulei.
bordercolor - culoarea frontierei.
colspan - combină celule orizontale.
înălțimea - înălțimea celulei.
nowrap - dezactivează înfășurarea liniei.
rowspan - combină celule verticale.
valign - aliniați conținutul celulei pe verticală.
lățimea este lățimea celulei.
Exemplul 1. Utilizarea etichetei TD
| . | |
| . | . |
Descrierea parametrilor etichetei TD
Parametrul ALIGN
descriere
Specifică faptul că conținutul celulei este aliniat orizontal.
sintaxă
argumente
stânga - aliniază la stânga.
centru - centru de aliniere.
dreapta - dreapta justifică.
Valoare implicită
stânga
Exemplul 2. Alinierea celulelor
| . | . |
Parametru BACKGROUND
descriere
Specifică imaginea care va fi utilizată ca imagine de fundal a celulei tabelă. Spre deosebire de imaginile convenționale, lățimea și înălțimea nu sunt setate pentru fundal și sunt întotdeauna afișate în scală completă cu o scală de 100%. Dacă imaginea este mai mică decât lățimea sau înălțimea celulei, atunci imaginea este repetată orizontal spre dreapta și în jos, înfiptă ca un mozaic. Din acest motiv, la intersecția imaginilor de fundal, pot exista diferențe vizibile care sunt vizibile pentru vizitatorii site-ului. Atunci când alegeți un monitor, asigurați-vă că există un contrast suficient între acesta și conținutul celulei. Este posibil să folosiți imagini animate în format GIF ca fundal, dar distrag atenția cititorilor.
sintaxă
Valoare implicită
Nu, nu este.
Analogul CSS
background-image
Exemplul 3: Context pentru o celulă
| . |
Parametrul BGCOLOR
descriere
Setează culoarea de fundal a celulei.
sintaxă
argumente
Valoarea culorii poate fi specificată în două moduri.
1. Prin denumirea sa
Browserele acceptă anumite culori după numele lor.
2. Prin valoarea hexazecimală
Pentru a seta numărul de culori utilizate în codul hexazecimal. Sistemul hexazecimal, spre deosebire de sistemul zecimal, se bazează, după cum sugerează și numele, pe numărul 16. Cifrele sunt după cum urmează: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C , D, E, F. Figurile 10 la 15 sunt înlocuite cu litere latine. Numere mai mari de 15 hex format prin combinarea a două numere într-una singură. De exemplu, numărul 255 corespunde decimal FF număr hexazecimal. Pentru a evita confuzia în definiția sistemului numeric, numărul hexazecimal pentru a pune lira semnul #, de exemplu # 666999. Fiecare dintre cele trei culori - roșu, albastru și verde - își poate asuma valori de la 00 la FF. Astfel, denumirea de culoare este împărțit în trei componente #RRGGBB, în cazul în care primele două caractere sunt marcate cu componenta de culoare roșie, două mijloc - verde, iar ultimele două - albastru.
Valoare implicită
Depinde de browser și de versiunea sa, de obicei, culoarea de fundal alb este utilizată.
Analogul CSS
culoare de fundal
Exemplul 3: Culoarea fundalului celular
| . |
| . |
Parametrul BORDERCOLOR
descriere
Setează culoarea frontală în jurul celulei. Cadrul este afișat atunci când parametrul de frontieră este setat cu o valoare diferită de zero pentru eticheta TABLE.
sintaxă
argumente
Consultați parametrul BGCOLOR.
Valoare implicită
Depinde de browser și de sistemul de operare.
Exemplul 4. Culoarea frontierei din jurul celulei
| . | . |
Parametrul COLSPAN
descriere
Setează numărul de celule care urmează să fie combinate orizontal. Acest parametru are sens pentru tabelele formate din mai multe linii. De exemplu, ca în cazul tabelului prezentat în Fig. 1.
Fig. 1. Un exemplu de tabel folosind o unitate de celule orizontale
În tabelul prezentat în figura 1 există două rânduri și două coloane, cu celulele orizontale superioare combinate folosind parametrul colspan.
sintaxă
argumente
Orice număr întreg pozitiv mai mare de 2.
Valoare implicită
1
Exemplul 5. Mergeți celulele orizontal
| celula 1 | |
| celula 2 | celula 3 |
Parametrul HEIGHT
descriere
Browserul însuși stabilește înălțimea tabelului și a celulelor acestuia pe baza conținutului acestora. Cu toate acestea, dacă utilizați parametrul de înălțime, înălțimea celulei va fi modificată. Aici există două opțiuni. Dacă valoarea înălțimii este mai mică decât conținutul celulei, acest parametru va fi ignorat. În cazul în care înălțimea celulei este setată să fie mai mare decât conținutul acesteia, spațiul gol este adăugat vertical.
sintaxă
argumente
Orice valoare întregă în pixeli sau procentaj din spațiul disponibil.
Valoare implicită
Înălțimea este calculată pe baza conținutului celulei.
Exemplul 6. Înălțimea celulei
| . |
Parametrul NOWRAP
descriere
Adăugarea parametrului Nowpa la eticheta TD face ca textul din interiorul celulei să fie afișat fără cratime, cu o linie solidă. Utilizarea incorectă a acestui atribut poate duce la faptul că tabelul va fi prea lat și nu se va potrivi în întregime pe pagina web. Ca rezultat, apare o bară orizontală de defilare. În orice caz, folosirea unui astfel de tabel va fi incomodă, din cauza faptului că utilizarea parametrului nowrap este condamnată în specificația HTML 4.
Valoare implicită
În mod prestabilit, parametrul norap nu este setat.
Exemplul 7. Dezactivarea liniarei într-o celulă
Parametrul ROWSPAN
descriere
Setează numărul de celule care urmează să fie combinate vertical. Acest parametru are sens pentru tabelele formate din mai multe linii. De exemplu, ca în cazul tabelului prezentat în Fig. 2.
Fig. 2. Exemplu de tabel în care se utilizează stivuirea verticală a celulelor
În tabelul prezentat în figura 2 există două rânduri și două coloane, celulele verticale stânga fiind unite prin parametrul rowspan.
sintaxă
argumente
Orice număr întreg pozitiv mai mare de 2.
Valoare implicită
1
Exemplul 8. Mergeți celule verticale
| celula 1 | celula 2 |
| celula 3 |
Parametrul VALIGN
descriere
Setează alinierea verticală a conținutului celulei. Implicit, conținutul celulelor este situat de-a lungul verticalei centrale.
sintaxă
argumente
sus - aliniază la partea de sus a liniei.
mijlocul de aliniere în mijloc.
jos - aliniați pe marginea inferioară.
linia de bază - alinierea la linia de bază, în timp ce conținutul celulei este legat de o singură linie.
Valoare implicită
mijloc
Analogul CSS
vertical-align
Exemplul 9. Alinierea celulelor
| . | . |
WIDTH parametru
descriere
Specifică lățimea celulei. Dacă lățimea totală a conținutului depășește lățimea specificată a celulei, browserul va încerca să "squeeze" în dimensiunile specificate prin formatarea textului. În cazul în care acest lucru nu este posibil, de exemplu, în celulă există imagini, parametrul lățimii va fi ignorat și noua lățime a celulei va fi calculată pe baza conținutului său.
sintaxă
argumente
Orice valoare întregă în pixeli sau procentaj din spațiul disponibil.
Valoare implicită
Lățimea este calculată pe baza conținutului celulei.
Exemplul 10. Lățimea celulelor
| . | . |
Materialul este preluat de pe site-ul htmlbook.ru
Trimiteți-le prietenilor: