INTRODUCEREA IMAGINILOR IN PAGINI WEB Marcajul IMG Imagini

INTRODUCEREA IMAGINILOR IN PAGINI WEB Marcajul <IMG>

Imagini in pagini Web Imaginea a devenit un element omniprezent in toate paginile web actuale. Bazat pe faptul recunoscut ca o imagine are un impact mult mai mare asupra privitorului decat un text precum si pe necesitatea oferirii unor informatii cat mai rapid si direct catre utilizator imaginea s-a impus ca elementul indispensabil oricarei prezentari a oricarui subiect.

Imagini in pagini Web Folosirea imaginilor sporeste atractivitatea si designul paginii, dar duce si la o mai buna intelegere a mesajului

Imagini in pagini Web Exista numeroase formate de fisiere grafice care pot fi redate de un browser Web Exemple: GIF, JPEG, BMP, PNG, TIFF

Inserarea unei imagini se poate face: n Ca fundal al paginii: <body background=“nume_imagine. extensie”> n Ca element de sine statator: <img src=“nume_imagine. extensie”>

Atribute ale marcajului <IMG> Atributul SRC specifica sursa de unde browser-ul va incarca imaginea respectiva ; aceasta locatie poate fi in sistemul respectiv ( in directorul paginii sau in orice alt director ce va fi specificat in cale ) sau in orice alta locatie pe web ( ex. http: //ura. data. ro/lectii/poza 1. gif ). <img src=“nume_imagine. extensie”> Se foloseste atunci cand imaginea este memorata in acelasi director cu documentul HTML Sau In cazul in care nu se introduce o cale catre aceasta imagine ci doar numele ei atunci browser-ul va cauta in directorul curent al paginii web. <img src=“C: directornume_imagine. extensie”>

Atribule ale lui <IMG> width si height (exprimate in pixeli sau procente) stabilesc marimea imaginii <img src=“car. gif” width=“ 90%” height=“ 150”> Atributele WIDTH si HEIGHT pot lipsi iar browser-ul va recunoaste imaginea la dimensiunile ei originale ; chiar in cazul in care imaginea a fost special creat pe dimensiunile necesare paginii noastre este de preferat folosirea celor doua atribute care ajuta la incarcarea mai rapida a imaginii ( in caz contrar browser-ul va mai pierde timp calculand dimensiune si asezarea in pagina a imaginii respective ).

Atribule ale lui <IMG> Un alt atribut care este preferabil sa fie prezent este ALT. Cu ajutorul acestui atribut putem oferi o alternativa browser-ului in cazul in care imaginea respectiva nu a putut fi incarcata : <img src="1. gif" width=20 height=20 alt="Text in cazul lipsei pozei din calea generata"> Tag-ul anterior va face ca in cazul in care poza dorita nu este gasita browser-ul sa afiseze textul atributului ALT intr-o fereastra de dimensiunile specificate pentru imagine.

Atribule ale lui <IMG> Tag-ul IMG accepta si el atributul ALIGN , intalnit de exemplu si in cadrul tag-ului <P>. <Body> <img align=”right” src="1. gif" width=20 height=20 alt="Text in cazul lipsei pozei din calea generata"> Text care va apare alaturi de imagine neacoperind imaginea. </BODY> Comanda anterioara va pozitiona imaginea la dreapta liniei si va face ca textul sa apara in stanga imaginii ( analog pentru folosirea atributului ALIGN=”left” ). In cazul folosirii valorii CENTER pentru atributul ALIGN se va obtine pozitionare in stanga a imaginii ( lucru default ) iar textul va incepe pe linia pozitionata in dreptul mijlocului imaginii , dupa umplerea acestei linii textul continuand pe linia urmatoare de sub imagine – aceasta optiune este in general evitata.

Atribule ale lui <IMG> Tot in cadrul atributului ALIGN mai putem intalni alte trei valori : n“bottom” – aliniaza partea inferioara a imaginii pe linia curenta n“top” – aliniaza partea superioara a imaginii cu cel mai inalt element de pe linia curenta n“middle” – aliniaza mijlocul imaginii cu linia curenta

Atribule ale lui <IMG> n. Hspace n. Vspace Dati in pixeli, stabilesc distantele pe orizontala/verticala fata de text <img src=“car. gif” hspace=“ 30” vspace=“ 30”>

Atribule ale lui <IMG> Border ( pixeli de la 1 la 6) : introduce un chenar in jurul imaginii <img src=“car. gif” border=“ 2”>