Բովանդակություն

• Քայլեր
• Խորհուրդներ

Այս հոդվածը ցույց կտա ձեզ, թե ինչպես HTML- ում սահմանել պատկերի բարձրությունն ու լայնությունը:

• «Լայնություն» հատկանիշը սահմանում է նկարի լայնությունը (պիքսելներով):
• «Բարձրություն» հատկանիշը սահմանում է պատկերի բարձրությունը (պիքսելներով):
• HTML4.01- ում բարձրությունը կարող է սահմանվել պիքսելներով կամ տոկոսներով, բայց HTML5- ում ՝ միայն պիքսելներով:

Քայլեր

1. 1 Բացեք HTML ֆայլը: Օրինակ, բացեք default.html ֆայլը:
2. 2 Ձեր HTML կոդին ավելացրեք հետևյալ տողը.
   • img src = "imagefile.webp" alt = "Պատկեր" height = "42" width = "42">
   • src- ն պարունակում է գրաֆիկական ֆայլի (նկարի) ուղին:
   • alt- ում, պատկերի չափը սահմանվում է:
3. 3 Բարձրության և լայնության հատկանիշների արժեքները փոխարինեք ձեր ցանկալի արժեքներով: Օրինակ ՝ այսպես ՝ բարձրություն = "19" լայնություն = "20"
4. 4 Պահպանեք ֆայլը և բացեք այն ցանկացած վեբ դիտարկիչում: Դա արեք, որպեսզի ստուգեք, թե ինչպես է պատկերի չափափոխումը: «Լայնություն» հատկանիշին աջակցում են բոլոր հիմնական բրաուզերները (Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer):

Խորհուրդներ

• Միշտ սահմանեք նկարի բարձրությունն ու լայնությունը: Այսպիսով, երբ էջը բեռնվում է, տարածքը հատկացված է նկարի համար: Հակառակ դեպքում, դիտարկիչը չի իմանա պատկերի չափը և տարածք չի պահպանի, ինչը պատճառ կդառնա, որ էջի դասավորությունը փոխվի, քանի որ էջը բեռնվում է:
• Եթե ​​մեծ պատկերի չափը նվազեցվի ՝ օգտագործելով «բարձրություն» և «լայնություն» հատկանիշները, օգտվողը կբեռնի մեծ պատկերը (նույնիսկ եթե այն փոքր է թվում էջում): Հետևաբար, խորհուրդ ենք տալիս նախ չափափոխել պատկերը գրաֆիկական խմբագրիչում: