MəZmun

• Addımlar
• İpuçları

Bu yazı HTML -də bir görüntünün hündürlüyünü və genişliyini necə quracağınızı göstərəcək.

• "Genişlik" atributu şəklin genişliyini təyin edir (piksellərlə).
• "Boy" atributu görüntünün hündürlüyünü təyin edir (piksellərlə).
• HTML4.01 -də hündürlük piksellərlə və ya faizlə təyin edilə bilər, ancaq HTML5 -də yalnız piksellərlə.

Addımlar

1. 1 HTML faylını açın. Məsələn, default.html faylını açın.
2. 2 HTML kodunuza aşağıdakı sətri əlavə edin.
   • img src = "imagefile.webp" alt = "Şəkil" boyu = "42" eni = "42">
   • src qrafik faylına (şəkil) gedən yolu ehtiva edir.
   • alt olaraq, görüntünün ölçüsü təyin olunur.
3. 3 Boy və en atributlarının dəyərlərini istədiyiniz dəyərlərlə əvəz edin. Məsələn, bu kimi: hündürlük = "19" eni = "20"
4. 4 Faylı qeyd edin və istənilən veb brauzerdə açın. Şəklin ölçüsünün necə dəyişdirildiyini yoxlamaq üçün bunu edin. "Genişlik" atributu bütün əsas brauzerlər tərəfindən dəstəklənir (Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer).

İpuçları

• Həmişə şəklin hündürlüyü və genişliyini təyin edin. Beləliklə, səhifə yükləndikdə, şəkil üçün yer ayrılır. Əks təqdirdə, brauzer görüntünün ölçüsünü bilməyəcək və yer ayırmayacaq, bu da səhifə yükləndikcə səhifə tərtibatının dəyişməsinə səbəb olacaq.
• "Hündürlük" və "eni" atributlarından istifadə edərək böyük şəklin ölçüsü kiçildilərsə, istifadəçi böyük şəkli yükləyəcək (səhifədə kiçik görünsə belə). Buna görə əvvəlcə qrafik redaktorunda görüntünün ölçüsünü dəyişdirməyi məsləhət görürük.