Sunteți pe pagina 1din 7

Op ional Informatic -Inserarea imaginilor Grupul colar "Ion Nistor"

 1) 2)

3)

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 <img src=nume_imagine.extensie>(imagine i fi ier HTML n acela i folder) <img src=cale imagine// nume_imagine.extensie>(imagine i fi ier HTML n foldere diferite) <img src=adresa URL>(adresa URL a imaginii)

Op ional Informatic -Inserarea imaginilor Grupul colar "Ion Nistor"

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"

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"

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"

Atributul align
Folosit alinierea imaginii pe vertical - right, left, center(pe orizontal ) - top , bottom middle(pe vertical )  i pe orizontal

Ex: <img src="C://Documents and Settings//adrian//My Documents//yahoo-logo.jpg" align="center" >

Op ional Informatic -Inserarea imaginilor Grupul colar "Ion Nistor"

Folosirea imaginilor ca background


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


Op ional Informatic -Inserarea imaginilor Grupul colar "Ion Nistor"

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