Imaginea nu este doar inserată direct în text. Browser-ului i se spune numele și este instruit unde și cum să-l poziționeze pe ecran. Pentru a face acest lucru, utilizați o singură etichetă HTML img. Specifică locația obiectului grafic pe pagina web.
Dacă multe atribute sunt opționale pentru etichete, atunci eticheta img trebuie să aibă cel puțin un parametru - adresa imaginii. Acest atribut se numește src:
- - aceasta va afișa fișierul goat-j.webp" />
- - cu acest parametru al etichetei img, browserul va încărca imaginea postată pe Internet pe site-ul megasellmag.ru.
Atribute de aliniere
Pentru a poziționa imaginile pe o pagină folosind HTML, se folosește eticheta img, ale cărei atribute sunt responsabile pentru plasarea imaginii pe pagină și natura împachetării textului acesteia.
În mod implicit, browserul plasează imaginea în centrul ecranului, iar textul nu se înfășoară în jurul ei. Eticheta img vă va permite să vă exprimați dezacordul cu browserul utilizând atributul align (alignment).
- imaginea va fi poziționată în marginea din stânga a paginii, iar textul o va înconjura în partea dreaptă.
Comportamentul textului va fi similar dacă imaginea este plasată în dreapta (align=dreapta), în mijloc (align=middle), sus (align=top), jos(aliniere=jos) și centru (centru).
Setări și dimensiuni
Pentru a preveni introducerea textului în imagini, eticheta img a dobândit atribute speciale -hspace (margini orizontale/orizontale) și vspace (margini verticale/verticale), care determină cantitatea de indentare a textului de la marginile imaginilor din pixeli.
Imaginea nu numai că se va îndepărta cu ascultare de text cu cantitatea specificată, ci și se va îndepărta de marginea paginii, așa că cel mai bine este să evitați indentațiile mari.
Dimensiunile geometrice ale imaginilor sunt foarte importante, care nu sunt doar de dorit, ci uneori pur și simplu necesare pentru a le specifica pentru afișarea corectă a imaginii. Pentru aceasta se folosesc atributele lățime (lățime) și înălțime (înălțime), a căror valoare este setată în pixeli sau procente.
Dacă specificați doar lățimea, înălțimea va fi selectată automat cu proporțiile originale. Dimensiunile procentuale vă permit să plasați imaginea în partea dreaptă a paginii, indiferent de dimensiunea ferestrei browserului, iar această nevoie apare adesea.
Alte opțiuni
Atributul chenar include imaginea într-un cadru cu grosimea specificată, ceea ce browserul nu o face în mod implicit.
Chenarul poate avea, de asemenea, o lățime zero aparent lipsită de sens (chenar=„0”), dar asta până când imaginea devine o legătură, când browserul o înconjoară automat cu un chenar albastru fără a aștepta instrucțiuni.
Unii utilizatori nerăbdători, furioși de viteze reduse de internet, vor dezactiva pur și simplu afișarea imaginilor. Pentru astfel de cazuri, este furnizat parametrul alt, care vă permite să introducețitext alternativ pe care utilizatorul îl va vedea în caseta în care imaginea se grăbește să se încarce.
Dacă nu vă plac posibilitățile parametrului alt, eticheta img poate oferi un atribut longdesc, a cărui valoare este adresa URL a unui document cu o descriere mai detaliată.
Atributele usemap și ismap spun browserului că imaginea va fi o imagine în care hyperlinkurile sunt zone separate (link map), doar parametrul usemap determină harta de navigare pe server, iar ismap - harta de pe partea clientului.
Descrierea link-ului 1 din figura de mai jos:
Articole exotice
Atributul lowsrc indică browserului să descarce mai întâi o copie (sau altă alternativă) a imaginii originale cu o calitate mai scăzută și, prin urmare, una „mai ușoară”. Acest truc este oferit în cazul unei viteze scăzute a internetului pentru utilizator. Imaginea originală, atunci când este încărcată, înlocuiește „falsul”.
Atributul galleryimg mai puțin utilizat al etichetei img invocă panoul de control al imaginii (atunci când treceți cu mouse-ul deasupra), permițându-vă să deschideți folderul implicit Imaginile mele și să imprimați, să salvați sau prin e-mail imaginea. Puteți dezactiva panoul setând parametrul galleryimg la no/false și îl puteți activa setând da/adevărat.
În noua specificație HTML5, un număr de etichete au anumiți parametri depreciați. De exemplu, atributele lowsrc, border, longdesc și name ale img au fost retrase.
