Pentru a insera o imagine folosim tagul <img>(singular) Tagul <img> este însoţit întotdeauna de atributul src pentru a specifica locaţia şi numele imaginii Ex 1) <img src=“nume_imagine.extensie”>(imagine şi fişier HTML în acelaşi folder) 2) <img src=“cale imagine// nume_imagine.extensie”>(imagine şi fişier HTML în foldere diferite) 3) <img src=“adresa URL”>(adresa URL a imaginii)
Opţional Informatică-Inserarea imaginilor
Grupul Şcolar "Ion Nistor" 2 Atributul alt este folosit pentru a afişa un text în locul imagini, în cazul în care browser-ul pentru un oarecare motiv nu poate afişa imaginea Ex <img src="http://example.com/folder/image.jpg" alt="Imagine Albastra “>
Opţional Informatică-Inserarea imaginilor
Grupul Şcolar "Ion Nistor" 3 Atributele width şi height Sunt folosite pentru a stabili înălţimea şi lăţimea unei imagini Ex <img src="image.jpg" alt=“Eroare" width="100" height="50" >
Opţional Informatică-Inserarea imaginilor
Grupul Şcolar "Ion Nistor" 4 Atributul border Folosit pentru adăugarea unui chenar în jurul imaginii Ex <img src="C://Documents and Settings//adrian//My Documents//yahoo-logo.jpg" border="5">
Opţional Informatică-Inserarea imaginilor
Grupul Şcolar "Ion Nistor" 5 Atributul align Folosit alinierea imaginii pe verticală şi pe orizontală - right, left, center(pe orizontală) - top , bottom middle(pe verticală)
Ex: <img src="C://Documents and Settings//adrian//My Documents//yahoo-logo.jpg" align="center" >
Opţional Informatică-Inserarea imaginilor
Grupul Şcolar "Ion Nistor" 6 Folosirea imaginilor ca background