Imaginile sunt stocate in fisiere cu diverse formate. Formatele acceptat de browsere pentru fisierele imagine sunt:
. GIF (Graphics Interchange Format) cu extensia .gif;
. JPEG (Joint Photographic Experts Group) cu extensia .jpeg sau .jpg;
. XPM (X PixMap) cu extensia .xmp;
. XBM (X BitMap) cu extensia .xbm;
. BMP (BitMap) cu extensia .bmp (numai cu Internet Explorer);
. TIFF (Tagged Image File Format) cu extensia .tif sau .tiff;
Cele mai raspandite formate sunt GIF(8biti pentru o culoare, 256 culori posibile) si JPEG (24biti pentru o culoare, 16777216 de culori posibile).
Adresa URL a unei imagini
URL ( "Uniform Resourse Locator" = identificator unic al resursei ) este un standard folosit in identificarea unica a unei resurse in Internet.
Toate imaginile cu care vom lucra vor avea adresa URL exprimata in functie de directorul ce contine documentul HTML care face referire la imagine.
Pentru a insera o imagine intr-o pagina, se utilizeaza eticheta (de la "image"=imagine).
Pentru a putea fi identifica imaginea care va fi inserata, se utilizeaza un atribut al etichetei si anume src (de la "source"=sursa).
Daca imaginea se afla in acelasi director cu fisierul HTML care face referire la imagine, atunci adresa URL a imaginii este formata numai din numele imaginii, inclusiv extensia.
O pagina cu imagine
O pagina care contine o imagine Text dupa imagine.
vezi acest exemplu
Chenarul si dimensionarea unei imagini
Daca doriti sa adaugati un chenar in jurul imaginii, folositi atributul border al etichetei .
Valorile acestor atribute sunt numere intregi pozitive.
O imagine are anumite dimensiuni pe orizontala si verticala, stabilite in momentul crearii ei.
Daca nu se cere altfel , aceste dimensiuni sunt respectate in momentul afisarii ei in pagina Web.
Dimensiuniile prestabilite ale unei imagini pot fi modificate prin intermediul atributelor width si height.
Imagine cu chenar si marit
O imagine cu chenar si de 200 pixeli X 15 % Text dupa imagine.
vezi acest exemplu
Alinierea unei imagini
Alinierea unei imagini se poate face prin intermediul atributului align care poate lua urmatorele valori:
. " left " - aliniere la stanga; celelalte componente sunt dispuse pe in partea dreapta;
. " right " - aliniere la dreapta; celelalte componente sunt dispuse pe in partea stanga;
. " top " - aliniere deasupra; partea de sus a imaginii se aliniaza cu partea de sus a textului ce precede imaginea;
. " middle " - aliniere la mijloc; mijlocul imaginii se aliniaza cu linia de baza a textului ce precede imaginea.
. " bottom " - aliniere la baza; partea de jos a imaginii se aliniaza cu linia de baza a textului.
Alinierea unei imagini
Alinieri:
Pe verticala:
La mijloc:
Jos: Text dupa imagine.
vezi acest exemplu
Alinierea textului in jurul imaginii
Atributele hspace si vspace precizeaza distanta in pixeli pe orizontala , respectiv pe verticala, dintre imagine si restul elementelor din pagina.
Atributul alt admite ca valoare un text care va fi afisat in locul imaginii.
Alinierea textului
Imagine aliniat la stanga inconjurata de text la distanta de 30 de pixeli.
Text inainte de imagine.Text inainte de imagine.Text inainte de imagine.Text inainte de imagine. Text inainte de imagine.Text inainte de imagine.Text inainte de imagine.Text inainte de imagine.
Text dupa imagine.Text dupa imagine.Text dupa imagine.Text dupa imagine.Text dupa imagine. Text dupa imagine.Text dupa imagine.Text dupa imagine.Text dupa imagine.Text dupa imagine.
vezi acest exemplu
Imagini pentru fondul unei pagini
O imagine poate fi utilizata pentru a stabili fondul unei pagini Web. In acest scop se foloseste atributul background al etichetei
, avand ca valoare adresa URL a imaginii.
Imaginea se multiplica pe orizontala si pe verticala pana umple intregul ecran. Pagina cu imagine de fond
1 2 3 4 5 6 7 8 9
vezi acest exemplu
Imagini folosite ca legaturi
O legatura (link) introduce in pagina Web o zona activa.
Efectuand click cu butonul mouse-ului pe aceasta zona in browser se va incarca o alta pagina.
Pentru a utiliza imaginea "ubm1.jpg" drept legatura catre pagina index.html utilizam sintaxa:
In mod prestabilit imaginea utilizata pe post de zona activa este inconjurata de un chenar avand culoarea unei legaturi.
Daca stabilim pentru atributul border al etichetei 0 acest chenar dispare. Imagini folosite ca legaturi
Imagini folosite ca legaturi
Text inainte de imagine.
Text dupa imagine.
vezi acest exemplu
Utilizari speciale ale imaginilor
Imaginile pot fi utilizate pentru a obtine efecte deosebite intr-o pagina web.
Printre aceste utilizari speciale putem enumera:
1. Linii orizontale formate cu ajutorul imaginilor .
2. Simboluri speciale pentru elementele unei liste neordonate
Text dupa imagine.
