Sunteți pe pagina 1din 7

Opţional Informatică-Inserarea imaginilor

Grupul Şcolar "Ion Nistor" 1


 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

Ex:
<body background="mar.jpg">

Opţional Informatică-Inserarea imaginilor


Grupul Şcolar "Ion Nistor" 7

S-ar putea să vă placă și