Հիպերտեքստային նշագրման լեզվով (HTML) էջում պատկեր ցուցադրելու համար օգտագործվում է «հատկորոշիչ» հատուկ հրամանը: Այս պիտակը նշվում է որպես img և պարունակում է փոփոխականների ամբողջություն ՝ «հատկանիշներ»: Հատկությունների օգնությամբ դուք կարող եք որոշել հիպերտեքստային էջում պատկերի ցուցադրման բոլոր ասպեկտները, ներառյալ դրա չափսերը: Այնուամենայնիվ, դա խնդիրը լուծելու միակ միջոցը չէ. Դուք կարող եք նաև նվազեցնել պատկերի չափը ՝ օգտագործելով Կասկադային ոճի թերթեր (CSS):
Հրահանգներ
Քայլ 1
Տեղադրեք բարձրության և լայնության հատկանիշները պիտակի մեջ, որը պատասխանատու է ցանկալի պատկերը ցուցադրելու համար: Առաջինն ուղղեք նկարի ուղղահայաց չափի վրա, իսկ երկրորդը ՝ հորիզոնական: Երկու թվերն էլ դրեք պիքսելներով, բայց այստեղ միավորներ - px - նշելու անհրաժեշտություն չկա: Այս հատկանիշների համար անհրաժեշտ արժեքները հաշվարկելիս ուշադրություն դարձրեք նկարի կրճատման համամասնությունների պահպանմանը, հակառակ դեպքում այն կցուցադրվի աղավաղված տեսքով: Օրինակ, էջում SomePic.
Քայլ 2
Դուք կարող եք նախնական պատկերի չափսերի համամասնական իջեցում սահմանել տոկոսներով: Դա անելու համար օգտագործեք միայն բարձրության հատկանիշը ՝ չնշելով լայնությունը, իսկ չափը որոշող համարը նշելուց հետո ավելացնել տոկոսի նշանը: Օրինակ, դուք կարող եք հասնել նույն ազդեցության, ինչպես նախորդ փուլում բերված օրինակում ՝ այս ձևով գրված պիտակի միջոցով.
Քայլ 3
Եթե ցանկանում եք ոճի նկարագրությունը նշել պատկերի չափը, օգտագործեք նույն պիտակի անվանումը ՝ img, իսկ հատկանիշները ՝ լայնությունը և բարձրությունը: Այս դեպքում միշտ պետք է նշվեն չափման միավորները `px, pt կամ%: Էջում բացարձակապես բոլոր պատկերների չափի կրկնապատկումը սահմանելու համար ոճի նկարագրության բլոկում տեղադրեք հետևյալ գրառումը. դրա հատկորոշիչին և վերագրիր այս էջի արժեքի պատկերների համար եզակի մեկը. օրինակ ՝ PicOne. Ավելացրեք նույն արժեքը ոճի գրառումներին ՝ այն բաժանելով պիտակի անունից «հեշ» #: Ողջ ոճի նկարագրությունն այս դեպքում կարող է նման լինել. Img # OnePic {բարձրությունը: 50%;}
