Şəkil meneceri - img teqi

Mündəricat:

Şəkil meneceri - img teqi
Şəkil meneceri - img teqi
Anonim

Şəkil birbaşa mətnə daxil edilmir. Brauzerə onun adı deyilir və onu ekranda harada və necə yerləşdirmək barədə göstəriş verilir. Bunu etmək üçün tək HTML img etiketindən istifadə edin. O, veb-səhifədə qrafik obyektin yerini müəyyən edir.

Teqlər üçün bir çox atribut isteğe bağlıdırsa, img teqində ən azı bir parametr olmalıdır - şəklin ünvanı. Bu atribut src adlanır:

  • - bu, cari kataloqda saxlanan goat-j.webp" />
  • - img etiketinin bu parametri ilə brauzer internetdə megasellmag.ru saytında yerləşdirilən şəkli yükləyəcək.

Hazırlama atributları

Şəkilləri HTML-dən istifadə edərək səhifədə yerləşdirmək üçün atributları şəklin səhifədə yerləşdirilməsi və mətnin bükülmə xarakteri üçün cavabdeh olan img teqindən istifadə olunur.

img etiketi
img etiketi

Defolt olaraq, brauzer şəkli ekranın mərkəzinə yerləşdirir və mətn onun ətrafına sarılmır. img teqi align atributundan (düzləşdirmə) istifadə edərək brauzerlə fikir ayrılığını bildirməyə imkan verəcək.

- şəkil səhifənin sol kənarında yerləşdiriləcək, mətn isə sağda onun ətrafında fırlanacaq.

Şəkil sağda (align=sağda), ortada (align=ortada), yuxarıda (align=yuxarıda), aşağıda yerləşdirilərsə, mətnin davranışı oxşar olacaq(align=alt) və mərkəzə (mərkəz).

Parametrlər və ölçülər

Mətnin şəkillərə sürünməsinin qarşısını almaq üçün img teqi xüsusi atributlar əldə etmişdir -hspace (üfüqi/üfüqi kənarlar) və vspace (şaquli/şaquli kənarlar), bu atributlar şəkillərin kənarlarından mətn abzasının miqdarını müəyyən edir. piksel.

img etiketinin atributları
img etiketinin atributları

Şəkil nəinki itaətkarlıqla göstərilən məbləğdə mətndən uzaqlaşacaq, həm də səhifənin kənarından uzaqlaşacaq, ona görə də böyük abzaslardan qaçınmaq daha yaxşıdır.

Şəkillərin həndəsi ölçüləri çox vacibdir ki, bunlar nəinki arzuolunandır, həm də təsvirin düzgün nümayişi üçün bəzən sadəcə olaraq zəruridir. Bunun üçün dəyəri piksel və ya faizlə təyin olunan en (en) və hündürlük (hündürlük) atributlarından istifadə olunur.

Yalnız eni göstərsəniz, hündürlük orijinal nisbətlərlə avtomatik seçiləcək. Faiz ölçüləri brauzer pəncərəsinin ölçüsündən asılı olmayaraq təsviri səhifənin sağ hissəsində yerləşdirməyə imkan verir və bu ehtiyac tez-tez yaranır.

Digər seçimlər

Sərhəd atributu təsviri göstərilən qalınlıqda çərçivəyə daxil edir, bunu brauzer defolt olaraq etmir.

Sərhəd həm də mənasız görünən sıfır enliyə malik ola bilər (sərhəd='0'), lakin bu, təsvirin linkə çevrilməsinə qədər, brauzer təlimatları gözləmədən onu avtomatik olaraq mavi haşiyə ilə çevrələyənə qədər.

Aşağı internet sürətindən qəzəblənən bəzi səbirsiz istifadəçilər sadəcə olaraq şəkillərin nümayişini söndürəcəklər. Belə hallar üçün daxil olmağa imkan verən alt parametr veriliristifadəçinin şəklin yükləməyə tələsdiyi qutuda görəcəyi alternativ mətn.

Əgər alt parametrin imkanlarını bəyənmirsinizsə, img teqi dəyəri daha ətraflı təsviri olan sənədin URL-i olan longdesc atributunu təklif edə bilər.

İstifadə xəritəsi və ismap atributları brauzerə təsvirin hiperlinklərin ayrı-ayrı sahələr olduğu bir şəkil olacağını bildirir (link xəritəsi), yalnız usemap parametri serverdə naviqasiya xəritəsini, ismap isə xəritədə olan xəritəni müəyyən edir. müştəri tərəfi.

Aşağıdakı şəkildəki 1-ci keçidin təsviri:

html img etiketi
html img etiketi

Ekzotik əşyalar

lowsrc atributu brauzerə əvvəlcə orijinal şəklin daha aşağı keyfiyyətə malik surətini (və ya digər alternativini) və buna görə də "daha yüngül" olanı yükləməyi tapşırır. Bu hiylə istifadəçi üçün aşağı İnternet sürəti halında təqdim olunur. Orijinal şəkil yükləndikdə "saxta" şəkli əvəz edir.

img teqinin daha az istifadə olunan galleryimg atributu təsvirin idarəetmə panelini işə salır (üzerində əyildikdə) sizə defolt Mənim Şəkillərim qovluğunu açmağa və şəkli çap etməyə, yadda saxlamağa və ya e-poçtla göndərməyə imkan verir. Siz galleryimg parametrini no/false olaraq təyin etməklə paneli deaktiv edə və bəli/doğru ayarlayaraq onu aktivləşdirə bilərsiniz.

Yeni HTML5 spesifikasiyasında bir sıra teqlərin bəzi parametrləri köhnəlmişdir. Məsələn, img-nin lowsrc, border, longdesc və name atributları ləğv edilib.

Tövsiyə: