Gipermatnni belgilash tilida (HTML) sahifadagi rasmni ko'rsatish uchun maxsus "yorliq" buyrug'i ishlatiladi. Ushbu teg img deb nomlanadi va o'zgaruvchilar to'plamini - "atributlar" ni o'z ichiga oladi. Atributlar yordamida siz gipermatnli sahifada tasvirni namoyish qilishning barcha jihatlarini, shu jumladan uning o'lchamlarini aniqlashingiz mumkin. Biroq, bu muammoni hal qilishning yagona usuli emas - shuningdek Cascading Style Sheets (CSS) yordamida rasm hajmini kamaytirishingiz mumkin.
Ko'rsatmalar
1-qadam
Balandlik va kenglik atributlarini kerakli rasmni namoyish qilish uchun javobgar bo'lgan tegga joylashtiring. Birinchisini rasmning vertikal o'lchamiga, ikkinchisini esa gorizontal ravishda o'rnating. Ikkala raqamni ham pikselga qo'ying, ammo bu erda birliklarni ko'rsatishga hojat yo'q - px -. Ushbu atributlar uchun kerakli qiymatlarni hisoblashda rasmning kamayishi nisbatiga rioya qilinishiga e'tibor bering, aks holda u buzuq shaklda namoyish etiladi. Masalan, boshlang'ich o'lchamlari 500 dan 300 pikselgacha bo'lgan SomePic.
2-qadam
Siz asl tasvir o'lchamlarini mutanosib ravishda kamaytirishni foizda o'rnatishingiz mumkin. Buni amalga oshirish uchun faqat balandlik atributidan kenglikni ko'rsatmasdan foydalaning va o'lcham belgilaydigan raqamni ko'rsatgandan so'ng foiz belgisini qo'shing. Masalan, siz ushbu shaklda yozilgan yorliq bilan oldingi bosqichdagi misolda bo'lgani kabi samaraga erishishingiz mumkin:
3-qadam
Agar siz uslublar tavsifidan foydalanib rasm o'lchamini ko'rsatmoqchi bo'lsangiz, xuddi shu yorliq nomidan foydalaning - img - va atributlardan - kenglik va balandlik. Bunday holda, o'lchov birliklari - px, pt yoki% - har doim ko'rsatilishi kerak. Sahifadagi mutlaqo barcha rasmlarning yarmini kamaytirishni belgilash uchun quyidagi yozuvlarni uslublar tavsiflari blokiga joylashtiring: img {height: 50%;} Agar bitta rasm hajmini kichraytirish zarur bo'lsa, qo'shimcha id atributini qo'shing. yorlig'iga qo'ying va uni ushbu sahifa qiymatidagi rasmlar uchun noyob qilib belgilang - masalan, PicOne: uslub yozuviga xuddi shu qiymatni qo'shib, teg nomidan "xash" # bilan ajratib qo'ying. Bu holda uslubning to'liq tavsifi quyidagicha ko'rinishi mumkin: img # OnePic {balandligi: 50%;}
