BluePink BluePink
XHost
Gazduire site-uri web nelimitata ca spatiu si trafic lunar la doar 15 eur / an. Inregistrare domenii .ro .com .net .org .info .biz .com.ro .org.ro la preturi preferentiale. Pentru oferta detaliata accesati site-ul BluePink
 
-Drumul tau catre internet-  
line decor
  HOME  
line decor
   
 
9.Imagini si fundaluri

Limbajul HTML permite introducerea de imagini intr-un document (pagina HTML).

I.1. Marcajul <img> si atributul "src".

In limbajul HTML, imaginile sunt definite prin intermediul marcajului (etichetei) <img>.

Marcajul <img> este un marcaj fara continut, ceea ce inseamna ca el are doar atribute si nu are marcaj final (eticheta finala).

Pentru a afisa o imagine intr-o pagina HTML vom utiliza atributul "src" (src=source=sursa). Valoarea acestui atribut indica adresa URL la care se afla imaginea (fisierul) ce urmeaza a fi afisat in pagina HTML.

Sintaxa definirii (introducerii) unei imagini in limbajul HTML este urmatoarea:

<img src="URL">

Imaginea (fisierul) "casa.gif" aflata in directorul "imagini" de la adresa "www.constructii.com" va avea urmatorul URL:

http://www.constructii.com/imagini/casa.gif

Marcajul <img> mai are trei atribute importante:
- "width", atribut care stabileste latimea imaginii;
- "height", atribut care stabileste inaltimea imaginii;
- "border", atribut care stabileste grosimea bordurii din jurul imaginii (este indicat ca aceasta sa fie 0).
Atributele "width" si "height" sunt utile pentru cresterea vitezei de incarcare (afisare) a imaginii.

Navigatorul va afisa imaginea acolo unde apare marcajul <img> in documentul HTML. Daca marcajul <img> este dispus intre doua paragrafe (<p>...</p>), atunci navigatorul va afisa intai primul paragraf, dupa aceea imaginea urmata de al doilea paragraf.

Sa presupunem ca dorim sa afisam intr-o pagina HTML imaginea "smile.jpg". Continutul documentului HTML va fi urmatorul:

<html>
<body bgcolor="orange">
<center>
<img src="smile.jpg" width="80" height="80">
</center>
</body>
</html>

I.2. Atributul "alt".

Atributul "alt" este utilizat pentru a defini un text alternativ pentru imaginea care urmeaza a fi afisata. Valoarea acestui atribut o va defini autorul pagini HTML, ceea ce poate fi remarcat in urmatorul fragment de cod:

<img src="smile.jpg" alt="Imagine cu Smile!">

Atributul "alt" este util pentru navigatoarele care nu pot afisa imagini. In cazul in care un navigator nu poate afisa o imagine, in locul imagini va fi afisat textul alternativ (valoarea atributului "alt").

I.3. Fundaluri.

Marcajul (eticheta) <body< are doua atribute pe care le putem utiliza pentru a specifica un fundal (background). Fundalul poate fi o culoare sau o imagine.

Atributul "bgcolor" stabileste culoarea fundalului. Valoarea acestui atribut poate fi un numar hexazecimal, o valoare RGB sau un nume de culoare, dupa cum se poate remarca in continuare:

<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">

Liniile de cod anteriore stabilesc culoarea neagru (black) pentru fundalul unui document (pagina) HTML.

Atributul "background" stabileste imaginea ce va fi utilizata ca fundal pentru pagina HTML. Valoarea acestui atribut este adresa URL a imaginii ce urmeaza a fi utilizata ca fundal.

Daca imaginea este mai mica decat fereastra navigatorului, imaginea se va repeta pana cand va umple fereastra navigatorului.

Sa presupunem ca dorim sa folosim o imagine (masti.jpg) ca fundal pentru o pagina HTML. Continutul pagini HTML va fi urmatorul:

<html>
<body background="masti.jpg">
</body>
</html>