| CATEGORII DOCUMENTE |
Imagini
Imaginile sunt stocate in fisiere cu diverse formate. Formatele acceptat de browsere pentru fisierele imagine sunt:
Cele mai raspandite formate sunt GIF(8biti pentru o culoare, 256 culori posibile) si JPEG (24biti pentru o culoare, 16777216 de culori posibile).
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 <img>
(de la 'image'=imagine).
Pentru a putea fi identifica imaginea care va fi
inserata, se utilizeaza un atribut al etichetei <img> 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.
<html> <head><title> O pagina cu imagine</title></head> <body> O pagina care contine o imagine
<img
src='w3.gif'> Text dupa
imagine. </body> </html>
Chenarul si dimensionarea unei imagini
Daca doriti sa adaugati un chenar in jurul imaginii, folositi atributul border al
etichetei <img>.
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
<html> <head><title> Imagine cu chenar si marit</title></head> <body> O imagine cu chenar si de 200 pixeli X 15 %
<img
src='w3.gif' border='5' width='350'
height='25%'> Text dupa
imagine. </body> </html>
Alinierea unei imagini se poate face prin intermediul atributului align care poate lua urmatorele valori:
<html> <head><title> Alinierea unei imagini</title></head> <body> Alinieri:
<br> Pe verticala:
<img
src='w3.gif' align='top'>
La mijloc: <img
src='w3.gif' align='center'>
Jos: <img
src='w3.gif' align='bottom'> Text dupa imagine. </body> </html>
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.
<html> <head> <title> Alinierea textului</title></head>
<body> <h5>Imagine aliniat la
stanga inconjurata de text la distanta de 30 de pixeli.
</h5><p> 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.
<img
src='w3.gif' align='left' id='30' vspace='30'
alt='Universitatea de Nord Baia Mare'>
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. </body> </html>
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 <body>, avand ca valoare adresa URL a
imaginii.
Imaginea se multiplica pe orizontala si pe verticala pana
umple intregul ecran.
<html> <head><title> Pagina cu imagine de fond</title></head> <body background='w3.gif'> <br> <br> <br> <br> <br> <br> <br> <br> <br> </body> </html>
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:
<a href ='index-2.html'><img src= 'w3.gif'></a>
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 <img> 0 acest chenar dispare.
<html> <head><title> Imagini folosite ca legaturi</title></head> <body><h5>Imagini folosite ca legaturi</h5>
Text inainte de imagine.<a
href='index-2.html'><img src='w3.gif'></a>
Text dupa imagine.
</body>
</html>
Utilizari speciale ale imaginilor
Imaginile pot fi
utilizate pentru a obtine efecte deosebite intr-o
pagina web.
Printre aceste utilizari speciale putem enumera:
|
Politica de confidentialitate | Termeni si conditii de utilizare |
Vizualizari: 1501
Importanta: 
Termeni si conditii de utilizare | Contact
© SCRIGROUP 2024 . All rights reserved
