Imq teqi

img teqi şəkil yaradır. Şəklin yolu src atributunda qeyd olunur. Bağlayıcı teq tələb etmir.

Atributlar

Atribut	Təsvir
src	Şəklin yolunu təyin edir. Məcburi atribut.
alt	Şəkil tapılmadıqda (məsələn, ona olan yol səhv qeyd olunduqda) onun yerinə göstəriləcək alternativ mətn. Məcburi atribut. Onun olmaması halında validator (HTML və ya CSS-in düzgünlüyünü yoxlayan proqram) xəbərdarlıq edəcək.
width	Şəklin eni, piksellə (bu halda ölçü vahidləri göstərilmir) ya da şəklin valideyninə nisbətən faizlərlə.
height	Şəklin hündürlüyü, piksellə (bu halda ölçü vahidləri göstərilmir) ya da şəklin valideyninə nisbətən faizlərlə.

Nüanslar

Əgər şəkil üçün nə en, nə də hündürlük təyin olunmayıbsa - şəkil öz real ölçüsündə olacaq. Əgər hündürlük təyin olunubsa - şəkil təyin olunmuş hündürlükdə olacaq, eni isə onun nisbətləri təhrif olunmayacaq şəkildə özünü uyğunlaşdıracaq.

Əgər yalnız en təyin olunubsa - oxşar şəkildə, şəkil nisbətləri qorumaq üçün hündürlüyünü özünü uyğunlaşdıracaq.

Əgər həm en, həm də hündürlük təyin olunubsa - şəklin nisbətləri təhrif oluna bilər (ya da olmaya da bilər, təsadüfdən asılıdır). Əgər en və ya hündürlük (ya da hər ikisi birlikdə) real ölçüdən böyükdürsə - şəkil böyüyəcək, lakin keyfiyyətini itirəcək.

Şəkillərə en və hündürlüyü atributlarda təyin etmək (CSS vasitəsilə deyil) məsləhətlidir - bu halda brauzer şəkilləri daha sürətli yükləyəcək - onun hər bir şəklin ölçüsünü aldıqdan sonra hesablamağa ehtiyacı olmur.

Şəklin real ölçülərini lazımsız olaraq azaltmaq məsləhət görülmür. Məsələn, şəklin real ölçüsü 1000 ə 1000 pikseldir, siz isə ona 100px en təyin edirsiniz. Bu halda şəkil ekranda 100 piksel ölçüsündə görünəcək, lakin tam minlik ölçüdə olacaq və müvafiq olaraq, yüklənməsi daha uzun çəkəcək.

Nümunə

Gəlin sayta şəkil əlavə edək və height və width atributlarını təyin etməyək. Şəkil öz real ölçüsündə olacaq:

:

Nümunə

Gəlin şəkilə width atributu vasitəsilə en əlavə etməyə çalışaq, bununla belə hündürlük şəklin nisbətlərini qorumaq üçün özünü uyğunlaşdırmalıdır:

:

Nümunə

İndi gəlin şəkilə height atributu vasitəsilə hündürlük əlavə edək, en isə şəklin nisbətlərini qorumaq üçün özünü uyğunlaşdırmalıdır:

:

Nümunə

Gəlin şəkilə eyni zamanda həm hündürlük, həm də en əlavə edək. Şəklin nisbətləri bununla təhrif olunmalıdır (mütləq deyil, lakin bu halda hündürlük və en nisbətlərin təhrif olunması üçün seçilib):

:

Nümunə

Gəlin şəkilə səhv yol təyin edək (sadəlik üçün onu boş buraxaq). Şəkilin yerinə biz alt atributunun məzmununu görəcəyik (elə gəlir ki, bu adi mətndir - amma onu köçürtməyə çalışın - heç nə alınmayacaq, o şəkil kimi dartılacaq):

:

Həmçinin bax