Când creați o pagină web folosind HTML, eticheta de imagine este utilizată pentru a insera o fotografie sau o imagine într-un anumit loc de pe pagină. Există multe moduri prin care imaginile pot fi folosite pe paginile web, de la adăugarea de interes până la utilizarea ca instrument de navigare sau pentru a oferi informații. Există, de asemenea, mai multe formate diferite de imagini care pot fi utilizate. Indiferent cum sau ce imagine este adăugată pe pagina web, eticheta de imagine este întotdeauna necesară.
Pentru a adăuga o imagine, eticheta de imagine este inclusă acolo unde doriți ca imaginea să apară în pagina dvs. De exemplu, dacă o imagine ar fi inserată după acest paragraf, eticheta de imagine sau , ar fi adăugat la documentul HTML după acest paragraf. Eticheta definește toate imaginile în HTML. Este denumită o etichetă goală, deoarece conține atribute și nu are etichetă de închidere. Atributele sunt opțiuni disponibile pentru o anumită etichetă HTML.
Doar daca au fost adăugate la un document HTML, nimic nu s-ar afișa deoarece atributele etichetei nu au fost incluse. Cel mai important atribut pentru este „src”, care înseamnă sursă. Atributul src indică locul unde se află de fapt fișierul imagine sau este adresa pentru fișierul imagine. Pe măsură ce imaginea este utilizată pe o pagină web, locația imaginii va fi dată ca URL. În documentul HTML, imaginea ar arăta astfel: .
Mai exact, URL-ul indică locul în care este stocată imaginea. De exemplu, dacă o imagine a unui computer cu numele de fișier computer.jpg a fost stocată în folderul imagini de pe www.Popeye and Cloudy.com, adresa URL va fi înlocuită cu: . Când browserul deschide pagina web, afișează imaginea în care este inclusă eticheta de imagine.
Eticheta de imagine are o serie de alte atribute diferite. Acestea permit unui utilizator să ajusteze modul în care arată imaginea pe pagină. Următoarele atribute sunt utilizate în mod obișnuit pentru această etichetă: alt, chenar, dimensiune și aliniere.
Atributul alt reprezintă text alternativ și este afișat dacă un browser nu poate afișa o imagine. De asemenea, se citește text alternativ pentru acei utilizatori care au probleme vizuale și aleg să afișeze text peste imagini. Pentru exemplul de mai sus, textul alternativ ar putea fi indicat ca alt=”imaginea unui computer”.
Atributul border adaugă un chenar imaginii cu grosimea în funcție de numărul de pixeli declarat. Acest lucru poate fi util în special atunci când fundalul imaginii și fundalul site-ului web sunt similare și se dorește o distincție clară. De exemplu, border=”10″ va plasa un chenar gros de 10 pixeli în jurul unei imagini.
Atributele de dimensiune sunt de asemenea importante, deoarece lățimea și înălțimea pot fi folosite pentru a specifica dimensiunea exactă a unei imagini. Aceste atribute trebuie folosite cu mare atenție, deoarece modificarea lor poate afecta proporțiile sau calitatea imaginii afișate. Atributele de dimensiune nu schimbă fișierul real, ci doar modul în care browserul îl afișează.
Atributul align specifică modul în care imaginea este aliniată în comparație cu textul de pe pagină. Există mai multe opțiuni diferite pentru acest atribut, inclusiv sus, jos, mijloc, stânga, dreapta, absmiddle, absbottom, linie de bază și texttop. Aceste etichete ajută și la determinarea modului în care textul de pe pagină se aliniază cu imaginea.