5. Imagini
În afară de faptul că imaginile furnizează informaţii, ele pot conferi unei paginii Web atractivitate. Totuşi utilizarea lor într-un document html se va face raţional, deoarece fiecare imagine „consumă” timp pentru descărcarea, decodificarea şi afişarea ei. Fişierele-imagini au diferite formate, cele mai utilizate în Web design fiind:
– GIF (Grafics Interchange Format) – fişiere cu extensia .gif;
– JPEG (Join Photographic Expert Group) – fişiere cu extensia .jpeg sau .jpg;
– BMP (BitMap) – fişiere cu extensia .bmp.
Pentru a insera o imagine, se utilizează eticheta <IMG>, cu atributul obligator SRC, a cărui valoare este adresa URL a imaginii: <IMG SRC = URL>
Sintaxa pentru URL este identică cu cea utilizată pentru referinţe (vezi paragraful 4).
În afară de atributul SRC, eticheta <IMG> poate avea următoarele atribute:
• ALIGN, utilizat pentru alinierea imaginii şi care are una din valorile top (aliniere deasupra – partea de sus a imaginii se aliniază cu partea de sus a textului ce precede imaginea), bottom (aliniere la bază – artea de jos a imaginii se aliniază cu linia de bază a textului), middle (aliniere la mijloc – mijlocul imaginii se aliniază cu linia de bază a textului ce precede imaginea), left (aliniere la stînga – textul şi celelalte elemente sînt plasate în dreapta), right (aliniere la dreapta – textul şi celelalte elemente sînt plasate în stînga);
• ALT, utilizat pentru afişarea unui text explicativ în locul imaginii (în cazul în care programul de explorare nu încarcă imaginea – opţiune stabilită de utilizator sau o altă cauză) şi care are ca valoare însuşi textul explicativ (scris între "şi");
• WIDTH şi HEIGHT, folosite pentru specificarea mărimii în pixeli a imaginii;
• BORDER, folosit pentru crearea în jurul imaginii a unui chenar de grosime (în
pixeli) egală cu valoarea atributului; MAPA0
• HSPACE şi VSPACE, utilizate pentru precizarea distanţei în pixeli pe orizontală,
respectiv pe verticală, dintre imagine şi restul elementelor din pagină.
12
Pentru a vedea cum se incarca o imagine in html atasati pe aceasta imagine.