HyperText Markup Language (HTML) instrukcijas, kas veido tīmekļa lapās ievietotas tabulas, nodrošina diezgan lielu skaitu papildu parametru. Tas, atšķirībā no citiem bloku elementiem, ļauj iestatīt izmērus ne tikai izmantojot CSS valodu (kaskādes stila lapas vai "kaskādes stila lapas"), bet arī izmantojot pašu HTML.
Instrukcijas
1. solis
Izmantojiet tabulas taga platuma atribūtu, lai norādītu tabulas platumu pikseļos. Tagu (HTML instrukciju) tabula sastāv no atvēruma (
) daļas, starp kurām ir tagi, kas veido tabulas rindas un šūnas. Sākuma tagā var ievietot papildu parametrus (atribūtus), kuru sarakstu katram konkrētajam tagam nosaka starptautiskie standarti. Tabulas tagam šie standarti ļauj izmantot atribūtu width, kas norāda tabulas platumu pikseļos. Vienkāršas tabulas HTML kods ar šādu tagu, kas nosaka 500 pikseļu platumu, var izskatīties šādi:
| 1. šūna | 2. šūna |
2. solis
Pievienojiet% rakstzīmi atribūta width vērtībai, ja tabulas platums jānorāda procentos, nevis pikseļos:
| 1. šūna | 2. šūna |
Lūdzu, ņemiet vērā, ka šie procenti ne vienmēr būs balstīti uz pārlūkprogrammas loga platumu. Šeit ir svarīga dokumenta struktūra - tāpat kā ligzdotā ligzdojošā lelle nevar būt platāka par to, kurā tā ir ligzdota, tā arī 100% tabulas platuma nedrīkst būt lielāki par vecākelementa platumu. Piemēram, ja tabula atrodas div blokā, šī bloka platums tiks uzskatīts par 100%.
3. solis
Izmantojiet stila apraksta valodas instrukcijas, ja vēlaties vienā un tajā pašā avota koda tabulas platumam iestatīt tīmekļa lapas tabulas. Lai to izdarītu, vispirms ievietojiet HTML koda galvenajā daļā (starp un) sākuma un aizvēršanas tagus, kas ierobežo CSS valodas paziņojumus:
/ * CSS instrukcijas būs šeit * /
Pēc tam starp šiem tagiem ievietojiet šādu CSS: table {width: 100px;} Šeit tabula norāda, ka cirtaino iekavu iekšpusē ievietotais apraksts jāpiemēro visiem tabulas tagiem, kas parādās lapas kodā. Nu, platuma parametrs nosaka platumu. Arī šeit jūs varat izmantot relatīvo platumu procentos.
4. solis
Norādiet klases nosaukumu CSS kodā un HTML tabulas tagā, ja platums jānorāda ne visām tabulām, bet tikai vienai vai vairākām tabulām. Piemēram, pieņemsim, ka klase, kas apzīmē šauru galdu grupu, ir niecīga. Tad tā stila apraksts varētu izskatīties šādi: table.tiny {width: 100px;} Un vienas HTML tabulas tabulas atbilstošais tags ir šāds:
| 1. šūna | 2. šūna |
