Սահմանեք պատկերի երկարությունը և լայնությունը HTML- ով

Հեղինակ: Roger Morrison
Ստեղծման Ամսաթիվը: 18 Սեպտեմբեր 2021
Թարմացման Ամսաթիվը: 1 Հուլիս 2024
Anonim
Սահմանեք պատկերի երկարությունը և լայնությունը HTML- ով - Խորհուրդներ
Սահմանեք պատկերի երկարությունը և լայնությունը HTML- ով - Խորհուրդներ

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

Այս wikiHow- ը բացատրում է, թե ինչպես կարելի է տեղադրել պատկերի բարձրությունը և լայնությունը ՝ օգտագործելով HTML (HyperText Markup Language):

  • «Լայնությունը» ցույց է տալիս պատկերի լայնությունը պիքսելներով:
  • «Բարձրությունը» ցույց է տալիս պատկերի բարձրությունը պիքսելներով:
  • HTML 4.01-ում բարձրությունը կարող է սահմանվել պիքսելներով կամ տոկոսներով: HTML5- ում արժեքը պետք է լինի պիքսելներով:

Քայլել

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

Խորհուրդներ

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