Informatică Dezvoltare web
Imagini in HTML
Imaginile în HTML se inserează cu elementul <img>, care afișează grafice în pagină. Acesta este un element autoconchidător care necesită atributul 'src' pentru sursa imaginii și 'alt' pentru text alternativ. Exemplu: <img src="poza.jpg" alt="Descriere">.
Atribute esențiale pentru imagini
- Atributul src Specifică calea către fișierul imagine. Poate fi local (ex: 'imagini/poza.png') sau extern (URL).
- Atributul alt Furnizează text alternativ pentru accesibilitate și cazurile în care imaginea nu se încarcă.
- Atributele width și height Controlează dimensiunile imaginii în pixeli. Exemplu: <img src="..." width="300" height="200">.
Formate și practici recomandate
- Formate comune Folosește JPEG pentru fotografii, PNG pentru transparență și SVG pentru grafice vectoriale.
- Optimizare dimensiuni Redimensionează imaginile înainte de încărcare pentru a îmbunătăți viteza de încărcare a paginii.
- Accesibilitate Întotdeauna adaugă un text 'alt' descriptiv pentru utilizatorii cu deficiențe vizuale.
Verifică că toate imaginile au atributul 'alt' completat și că se încarcă rapid pentru o experiență utilizator optimă.