Tagu img

Tagu img krijon një imazh. Rruga drejt imazhit specifikohet në atributin src. Nuk kërkon tag mbyllës.

Atributet

Atributi	Përshkrimi
src	Specifikon rrugën drejt imazhit. Atribut i detyrueshëm.
alt	Tekst alternativ, i cili do të shfaqet në vend të imazhit, nëse ai nuk gjendet (për shembull, rruga drejt tij është specifikuar gabimisht). Atribut i detyrueshëm. Në mungesë të tij, validuesi (programi që kontrollon korrektësinë e HTML ose CSS) do të ankohet.
width	Gjerësia e imazhit, në piksel (në këtë rast njësitë matëse nuk tregohen) ose në përqindje nga prindëri i imazhit.
height	Lartësia e imazhit, në piksel (në këtë rast njësitë matëse nuk tregohen) ose në përqindje nga prindëri i imazhit.

Nuancat

Nëse për imazhin nuk është caktuar as gjerësia, as lartësia - imazhi do të ketë madhësinë e tij reale. Nëse caktohet lartësia - imazhi do të marrë lartësinë e caktuar, kurse gjerësia do të përshtatet në mënyrë që proporcionet e tij të mos shtrembërohen.

Nëse caktohet vetëm gjerësia - në mënyrë të ngjashme, imazhi do të përshtatet sipas lartësisë në mënyrë që të ruajë proporcionet.

Nëse caktohen edhe gjerësia, edhe lartësia - proporcionet e imazhit mund të shtrembërohen (apo jo, si ta merrni me mend). Nëse gjerësia ose lartësia (ose të dyja së bashku) janë më të mëdha se ajo reale - imazhi do të zmadhohet, por do të humbasë në cilësi.

Rekomandohet të caktohen gjerësia dhe lartësia e imazheve në atribute (dhe jo përmes CSS) - në këtë rast shfletuesi do të ngarkojë më shpejt imazhet - nuk ka nevojë që ai të llogarisë madhësinë e çdo imazhi pasi ta marrë atë.

Nuk rekomandohet të zvogëlohen madhësitë reale të imazhit pa nevojë. Për shembull, madhësia reale e imazhit është 1000 me 1000 piksel, kurse ju i caktoni atij gjerësi 100px. Në këtë rast imazhi në ekran do të duket 100 piksel, megjithatë do të ketë madhësinë në një mijë të tërë dhe, në përputhje me rrethanat, do të ngarkohet shumë më ngadalë.

Shembull

Le të shtojmë një imazh në faqen e internetit dhe të mos caktojmë atributet height dhe width. Imazhi do të ketë madhësinë e tij reale:

:

Shembull

Le të përpiqemi t'i shtojmë imazhit gjerësi duke përdorur atributin width, lartësia në këtë rast duhet të përshtatet në mënyrë që të ruajë proporcionet e imazhit:

:

Shembull

Tani le t'i shtojmë imazhit lartësi duke përdorur atributin height, gjerësia në këtë rast do të përshtatet në mënyrë që të ruajë proporcionet e imazhit:

:

Shembull

Le t'i shtojmë imazhit njëkohësisht edhe lartësi, edhe gjerësi. Proporcionet e imazhit në këtë rast duhet të shtrembërohen (jo domosdoshmërisht, por në këtë rast lartësia dhe gjerësia janë zgjedhur në mënyrë që proporcionet të shtrembërohen):

:

Shembull

Le të vendosim një rrugë të gabuar drejt imazhit (për thjeshtësi, le ta lëmë atë bosh). Në vend të imazhit ne do të shohim përmbajtjen e atributit alt (duket sikur është tekst i zakonshëm - por përpiquni ta kopjoni - nuk do të keni sukses, ai do të tërhiqet si imazh):

:

Shihni gjithashtu