Instrucțiunile HyperText Markup Language (HTML) care formează tabele plasate în paginile web oferă un număr destul de mare de parametri suplimentari. Acest lucru permite, spre deosebire de alte elemente de bloc, să seteze dimensiuni nu numai folosind limbajul CSS (Cascading Style Sheets sau „Cascading Style Sheets”), ci și folosind HTML-ul în sine.
Instrucțiuni
Pasul 1
Utilizați atributul de lățime al etichetei tabelului pentru a specifica lățimea tabelului în pixeli. Tabelul de etichete (instrucțiuni HTML) constă dintr-o deschidere (
) părți, între care există etichete care formează rândurile și celulele tabelului. Parametrii (atributele) suplimentare pot fi plasați în eticheta de deschidere, a căror listă pentru fiecare etichetă specifică este determinată de standardele internaționale. Pentru eticheta tabelului, aceste standarde permit utilizarea atributului de lățime, care specifică lățimea tabelului în pixeli. Codul HTML al unui tabel simplu cu o astfel de etichetă care definește o lățime de 500 de pixeli poate arăta astfel:
| Prima celulă | A 2-a celulă |
Pasul 2
Adăugați un caracter% la valoarea atributului de lățime dacă trebuie să specificați lățimea tabelului ca procent, mai degrabă decât în pixeli:
| Prima celulă | A doua celulă |
Vă rugăm să rețineți că aceste procente nu vor fi neapărat bazate pe lățimea ferestrei browserului. Structura documentului contează aici - la fel cum o păpușă cuibărită cuibărită nu poate fi mai lată decât cea în care este cuibărită, așa că 100% din lățimea mesei nu poate fi mai mare decât lățimea elementului părinte. De exemplu, dacă tabelul se află într-un bloc div, atunci lățimea acestui bloc va fi luată ca 100%.
Pasul 3
Utilizați instrucțiunile de limbă pentru descrierea stilului dacă doriți să setați aceeași lățime pentru tabelele din pagina web într-un singur loc din codul sursă. Pentru a face acest lucru, puneți mai întâi în partea de cap a codului HTML (între și) etichetele de deschidere și închidere care limitează declarațiile de limbă CSS:
/ * Instrucțiunile CSS vor fi aici * /
Apoi puneți următoarele CSS între acele etichete: tabel {width: 100px;} Aici, tabelul indică faptul că descrierea plasată în interiorul parantezelor ar trebui să fie aplicată tuturor etichetelor de tabel care apar în codul paginii. Ei bine, parametrul de lățime setează lățimea. Și aici puteți utiliza lățimea relativă ca procent.
Pasul 4
Specificați numele clasei în codul CSS și în eticheta tabelului HTML dacă trebuie să specificați lățimea nu pentru toate tabelele, ci numai pentru unul sau mai multe tabele. De exemplu, să presupunem că clasa care marchează un grup de tabele înguste este mică. Apoi, descrierea stilului său ar putea arăta astfel: table.tiny {width: 100px;} Și eticheta corespunzătoare a unuia dintre tabelele din codul HTML este astfel:
| Prima celulă | A doua celulă |
