Fotografia nuk futet vetëm drejtpërdrejt në tekst. Shfletuesit i thuhet emri i tij dhe udhëzohet se ku dhe si ta pozicionojë atë në ekran. Për ta bërë këtë, përdorni një etiketë të vetme HTML img. Ai specifikon vendndodhjen e objektit grafik në faqen e internetit.
Nëse shumë atribute janë opsionale për etiketat, atëherë etiketa img duhet të ketë të paktën një parametër - adresën e imazhit. Ky atribut quhet src:
- - kjo do të shfaqë skedarin goat-j.webp" />
- - me këtë parametër të etiketës img, shfletuesi do të ngarkojë imazhin e postuar në internet në faqen megasellmag.ru.
Atributet e shtrirjes
Për të pozicionuar imazhet në një faqe duke përdorur HTML, përdoret etiketa img, atributet e të cilit janë përgjegjëse për vendosjen e imazhit në faqe dhe natyrën e mbështjelljes së tekstit të tij.
Si parazgjedhje, shfletuesi e vendos imazhin në qendër të ekranit dhe teksti nuk mbështillet rreth tij. Etiketa img do t'ju lejojë të shprehni mosmarrëveshjen tuaj me shfletuesin duke përdorur atributin align (përafrimi).
- fotografia do të pozicionohet në skajin e majtë të faqes dhe teksti do të rrotullohet në të djathtë.
Sjellja e tekstit do të jetë e ngjashme nëse imazhi vendoset djathtas (rreshtoj=djathtas), në mes (linjë=mes), sipër (linjë=lart), poshtë(rreshtoj=poshtë) dhe në qendër (në qendër).
Cilësimet dhe madhësitë
Për të parandaluar futjen e tekstit në imazhe, etiketa img ka fituar atribute të veçanta -hspace (kufijtë horizontale/horizontale) dhe vspace (kufijtë vertikale/vertikale), të cilat përcaktojnë sasinë e dhëmbëzimit të tekstit nga skajet e imazheve në piksele.
Fotografia jo vetëm që do të largohet me bindje nga teksti për sasinë e specifikuar, por gjithashtu do të largohet nga skaji i faqes, kështu që është më mirë të shmangni hyrjet e mëdha.
Përmasat gjeometrike të imazheve janë shumë të rëndësishme, të cilat jo vetëm janë të dëshirueshme, por ndonjëherë thjesht të nevojshme për t'u specifikuar për shfaqjen e saktë të imazhit. Për këtë përdoren atributet gjerësia (gjerësia) dhe lartësia (lartësia), vlera e të cilave përcaktohet në piksel ose përqindje.
Nëse specifikoni vetëm gjerësinë, lartësia do të zgjidhet automatikisht me përmasat origjinale. Madhësitë e përqindjes ju lejojnë të vendosni imazhin në pjesën e djathtë të faqes, pavarësisht nga madhësia e dritares së shfletuesit, dhe kjo nevojë shpesh lind.
Opsione të tjera
Atributi i kufirit e mbyll imazhin në një kornizë të trashësisë së specifikuar, gjë që shfletuesi nuk e bën si parazgjedhje.
Kufiri mund të ketë gjithashtu një gjerësi zero në dukje të pakuptimtë (kufiri='0'), por kjo ndodh derisa imazhi të bëhet një lidhje, kur shfletuesi e rrethon automatikisht atë me një kufi blu pa pritur udhëzime.
Disa përdorues të padurueshëm, të tërbuar nga shpejtësia e ulët e internetit, thjesht do të çaktivizojnë shfaqjen e fotove. Për raste të tilla, jepet parametri alt, i cili ju lejon të futnitekst alternativ që përdoruesi do të shohë në kutinë ku imazhi është me nxitim për të ngarkuar.
Nëse nuk ju pëlqejnë mundësitë e parametrit alt, etiketa img mund të ofrojë një atribut longdesc, vlera e të cilit është URL-ja e një dokumenti me një përshkrim më të detajuar.
Atributet usemap dhe ismap i tregojnë shfletuesit se imazhi do të jetë një fotografi në të cilën hiperlidhjet janë zona të veçanta (harta e lidhjes), vetëm parametri usemap përcakton hartën e navigimit në server dhe ismap - harta në ana e klientit.
Përshkrimi i lidhjes 1 në figurën më poshtë:
Artikuj ekzotikë
Atributi lowsrc udhëzon shfletuesin që fillimisht të shkarkojë një kopje (ose alternativë tjetër) të imazhit origjinal me një cilësi më të ulët dhe, rrjedhimisht, një "më të lehtë". Ky truk ofrohet në rast të shpejtësisë së ulët të internetit për përdoruesin. Imazhi origjinal, kur ngarkohet, zëvendëson "fake".
Atributi galleryimg më pak i përdorur i etiketës img thërret panelin e kontrollit të imazhit (kur vendoset sipër), duke ju lejuar të hapni dosjen e paracaktuar "Fotografitë e mia" dhe të printoni, ruani ose dërgoni me email imazhin. Mund ta çaktivizoni panelin duke vendosur parametrin galleryimg në jo/false dhe ta aktivizoni duke vendosur po/true.
Në specifikimin e ri HTML5, një numër etiketash kanë disa parametra të zhvlerësuar. Për shembull, atributet lowsrc, border, longdesc dhe emri i img janë hequr.
