A hipertext jelölő nyelvben (HTML) egy speciális „tag” parancsot használ egy kép megjelenítésére az oldalon. Ezt a címkét img-nek nevezik, és változók - "attribútumok" - készletét tartalmazza. Az attribútumok segítségével meghatározhatja a hipertext oldalon lévő kép megjelenítésének minden aspektusát, beleértve annak méreteit is. A probléma megoldásának azonban nem ez az egyetlen módja - a Cascading Style Sheets (CSS) segítségével csökkentheti a kép méretét is.
Utasítás
1. lépés
Helyezze a magasság és szélesség attribútumokat a kívánt kép megjelenítéséért felelős címkébe. Az elsőt állítsa a kép függőleges méretére, a másodikat vízszintesen. Állítsa be mindkét számot pixelben, de itt nincs szükség az egységek - px - megadására. Az ezen attribútumokhoz szükséges értékek kiszámításakor ügyeljen a kép kicsinyítésének arányainak betartására, különben torz formában jelenik meg. Például, ha egy oldalra felezünk egy képet a SomePic.
2. lépés
Beállíthatja az eredeti képméretek arányos csökkentését százalékban. Ehhez csak a height attribútumot használja a szélesség megadása nélkül, és adjon hozzá egy százalékjelet a méretmeghatározó szám megadása után. Például ugyanazt a hatást érheti el, mint az előző lépés példájában, egy ilyen formában írt címkével:
3. lépés
Ha meg szeretné adni a kép méretét a stílusok leírásával, használja ugyanazt a címke nevet - img - és az attribútumokat - szélesség és magasság. Ebben az esetben mindig meg kell adni a mértékegységeket - px, pt vagy%. Az oldalon lévő összes kép méretének felére állításához tegye a következő bejegyzést a stílusleíró blokkba: img {height: 50%;} Ha csak egy kép méretét kell csökkentenie, adjon hozzá további azonosító attribútumot címkéjéhez, és rendeljen hozzá egy egyedit az oldalérték képeihez - például PicOne: Adja hozzá ugyanazt az értéket a stílusrekordhoz, elválasztva azt egy "hash" # jellel a címke nevétől. A teljes stílusleírás ebben az esetben így nézhet ki: img # OnePic {magasság: 50%;}
