„HyperText Markup Language“(HTML) instrukcijose, formuojančiose lenteles, įdėtas į tinklalapius, pateikiama gana daug papildomų parametrų. Tai, skirtingai nei kiti blokiniai elementai, leidžia nustatyti dydžius ne tik naudojant CSS kalbą (kaskadinio stiliaus lapai arba „kaskadinio stiliaus lapai“), bet ir patį HTML.
Nurodymai
1 žingsnis
Norėdami nurodyti lentelės plotį pikseliais, naudokite lentelės žymos plotio atributą. Žymų (HTML instrukcijos) lentelę sudaro atidarymas (
) dalys, tarp kurių yra žymos, sudarančios lentelės eilutes ir langelius. Į pradinę žymą galima įdėti papildomų parametrų (atributų), kurių sąrašą kiekvienai konkrečiai žymai nustato tarptautiniai standartai. Lentelės žymai šie standartai leidžia naudoti atributą width, kuris nurodo lentelės plotį pikseliais. Paprastos lentelės su tokia žyma, apibrėžiančia 500 taškų plotį, HTML kodas gali atrodyti taip:
| 1 langelis | 2 langelis |
2 žingsnis
Pridėkite% simbolio prie atributo plotio vertės, jei lentelės plotį reikia nurodyti procentais, o ne pikseliais:
| 1 langelis | 2 langelis |
Atminkite, kad šie procentai nebūtinai bus pagrįsti naršyklės lango pločiu. Čia svarbi dokumento struktūra - lygiai taip, kaip įdėta lizdinė lėlė negali būti platesnė už tą, kurioje ji įdėta, taip ir 100% lentelės pločio negali būti didesnė už pagrindinio elemento plotį. Pvz., Jei lentelė yra div bloko viduje, tada šio bloko plotis bus 100%.
3 žingsnis
Jei norite nustatyti tą patį tinklalapio lentelių plotį vienoje šaltinio kodo vietoje, naudokite stiliaus aprašymo kalbos instrukcijas. Norėdami tai padaryti, pirmiausia įdėkite HTML kodo galvos dalį (tarp ir) atidarymo ir uždarymo žymų, ribojančių CSS kalbos sakinius:
/ * CSS instrukcijos bus čia * /
Tada tarp tų žymų įdėkite šį CSS: lentelė {width: 100px;} Čia lentelė nurodo, kad garbanotųjų petnešų viduje pateiktas aprašas turėtų būti taikomas visoms lentelės žymoms, kurios rodomos puslapio kode. Na, plotio parametras nustato plotį. Čia taip pat galite naudoti santykinį plotį procentais.
4 žingsnis
Nurodykite klasės pavadinimą CSS kode ir HTML lentelės žymoje, jei reikia nurodyti ne visų, o tik vienos ar kelių lentelių plotį. Pavyzdžiui, tarkime, kad klasė, žyminti siaurų lentelių grupę, yra mažytė. Tada jo stiliaus aprašymas gali atrodyti taip: table.tiny {width: 100px;} Ir atitinkama HTML kodo lentelių žyma yra tokia:
| 1 langelis | 2 langelis |
