Poate vi s-a parut puțin plictisitor ceea ce ați învățat până acum, și de accea vă anunț că web nu înseamnă doar prezentare de text, ci se referă și la multi-media, din media întelegând imagini, video, flash, animații, iar din tot putem extrage, imaginea ca fiind reprezentativă.
Tag-ul <img> este folosit pentru a pune o imagine într-un document HTML, și linia ce o descrie, arată cam așa:
<img src=”http://121416.net/wp-content/themes/nightvision/images/img14.jpg” width=”999” height=”270” alt=”121416 background” />
Atributul src îi spune browserului unde anume se găsește imaginea, desigur ca și tag-ul <a>, această trimitere poate fi absolut în afara site-ului accesat, sau dacă aveți o imagine floare.jpg salvată să spunem în directorul imagini, atunci codul va începe cam așa :
<img src=”imagini/floare.jpg” …
Atributele width și height sunt necesare, deoarece ele îi spun browserului dimensiunile de încadrare a imaginii, în lipsa lor, el va încărca imagina așa cum este ea, și este posibil ca atunci când omiți sau nu le folosești, imaginea încărcată să depașească limitele dorite de tine, și să îți strice toată aranjarea paginii.
Atributul alt, este unul descriptiv, și îl folosești dacă ții cont de acei utilizatori care fie din cauza browserului, fie din alte cauze, aleg să nu vizualizeze imaginile, sau chiar nu reușesc să le încarce!Astfel le oferi o informație despre acea imagine.
Notă: ca și la tag-ul <br /> din cauză ca tag-ul <img> nu are tag de închidere, el se auto închide încheindu-se linia cu />
