Udhëzimet e HyperText Markup Language (HTML) që formojnë tabela të vendosura në faqet e internetit sigurojnë një numër mjaft të madh të parametrave shtesë. Kjo lejon, ndryshe nga elementët e tjerë të bllokut, të vendosin madhësi jo vetëm duke përdorur gjuhën CSS (Fletët e stilit Cascading ose "Sheets Style Cascading"), por gjithashtu duke përdorur vetë HTML.
Udhëzimet
Hapi 1
Përdorni atributin e gjerësisë së etiketës së tabelës për të specifikuar gjerësinë e tabelës në pixel. Tabela e etiketës (udhëzim HTML) përbëhet nga një hapje (
) pjesë, midis të cilave ekzistojnë etiketat që formojnë rreshtat dhe qelizat e tabelës. Parametrat (atributet) shtesë mund të vendosen në etiketën hapëse, lista e të cilave për secilën etiketë specifike përcaktohet nga standardet ndërkombëtare. Për etiketën e tabelës, këto standarde lejojnë përdorimin e atributit width, i cili specifikon gjerësinë e tabelës në pixel. Kodi HTML i një tabele të thjeshtë me një etiketë të tillë që përcakton një gjerësi prej 500 pikselë mund të duket kështu:
| Qeliza e 1-rë | Qeliza e 2-të |
Hapi 2
Shtoni një karakter% në vlerën e atributit width nëse duhet të specifikoni gjerësinë e tabelës si përqindje sesa në piksel:
| Qeliza e 1-rë | Qeliza e 2-të |
Ju lutem vini re se këto përqindje nuk do të bazohen domosdoshmërisht në gjerësinë e dritares së shfletuesit. Struktura e dokumentit ka rëndësi këtu - ashtu si një kukull me fole nuk mund të jetë më e gjerë se ajo në të cilën është vendosur, kështu që 100% e gjerësisë së tryezës nuk mund të jetë më e madhe se gjerësia e elementit mëmë. Për shembull, nëse tabela është brenda një blloku div, atëherë gjerësia e këtij blloku do të merret si 100%.
Hapi 3
Përdorni udhëzimet e gjuhës për përshkrimin e stilit nëse dëshironi të vendosni të njëjtën gjerësi për tabelat në faqen e internetit në një vend në kodin burimor. Për ta bërë këtë, së pari vendosni në pjesën kryesore të kodit HTML (midis dhe) etiketave hapëse dhe mbyllëse që kufizojnë deklaratat e gjuhës CSS:
/ * Udhëzimet e CSS do të jenë këtu * /
Pastaj vendosni CSS-në e mëposhtme midis atyre etiketave: tabela {gjerësia: 100px;} Këtu, tabela tregon se përshkrimi i vendosur brenda shiritave kaçurrelë duhet të zbatohet për të gjitha etiketat e tabelës që shfaqen në kodin e faqes. Epo, parametri i gjerësisë përcakton gjerësinë. Edhe këtu mund të përdorni gjerësinë relative si përqindje.
Hapi 4
Specifikoni emrin e klasës në kodin CSS dhe në etiketën e tryezës HTML nëse duhet të specifikoni gjerësinë jo për të gjitha tabelat, por vetëm për një ose disa tabela. Për shembull, le të themi se klasa që shënon një grup tryezash të ngushta është e vogël. Atëherë përshkrimi i stilit të tij mund të duket kështu: table.tiny {width: 100px;} Dhe etiketimi përkatës i njërës prej tabelave në kodin HTML është si kjo:
| Qeliza e 1-rë | Qeliza e 2-të |
