Tutorial HTML - Background



In afara de o culoare solida pentu fond, se poate folosi la fel de bine o fotografie. Pentru a face acest lucru urmareste cu atentie urmatorul exemplu.

<table height="100" width="150" background="../img/image.jpg" > <tr><td>Acest text are drept fond o imagine </td></tr> </table>

Vizualizare


HTML - Background repetat (tile)

In primul exemplu am avut putin noroc pentru ca imaginea si tabelul au coincis ca si marime. Insa atunci cand tabelul este mai mare decat imaginea, aceasta se va multiplica si repeta la nesfarsit.

<table height="100" width="250"

background="../img/image.jpg" >

<tr><td>Acest text are drept fond o imagine </td></tr> </table>

Vizualizare


HTML - Patterned Backgrounds

Repetarea unei imagini are o alta aplicatie dupa cum vom vedea in exemplu urmator. Aceasta functie a browser-ului de a repeta imaginea la nesfarsit se poate folosi ca un avantaj si anume, putem crea o imagine foarete mica (cu ajutorul Photoshop sa Corel Paint Shop PRO), de esemplu 4x4 pixeli. Aceasta imagine poate fi un anume model care se va repeta continu.

Imaginea:

Imaginea a fost marita pentru a fi vazuta cu claritete.

<table height="100" width="150"

background="../../img/pattern.jpg" > <tr><td>This table has a background patterned image</td></tr>

</table>

Vizualizare


HTML - Culoare de fond transparenta

O alta metoda de a folosi imagini repetate este fondul transparent. In acest scop vom folosi o imagine ".gif"

Plasarea acestei imagini in background se face exact in aceasi maniera ca si in exemplul anterior.

<table background="../../img/transparent.gif" >

<tr><td>This table has a red transparent background image</td></tr>

</table>

Vizualizare


Tutorialul HTML anterior
Urmatorul Tutorial HTML urmator



Comentarii


   mE Ch

cum pot pune o img ca background la pagina nu la un tabel ?
05-Nov-2009 - 04:00


   adi

o imagine la pagina pui astfel

<body background="adresaimaginii.jpg">
18-Nov-2009 - 10:05


   Andra

am si eu nevoie de idul cuiva care stie sa faca un site in html.k mai am cateva nelamuriri.va rooog.(urgent)
14-Jan-2010 - 13:22


Trimite un comentariu!

Nume *
E-mail *
Vreau sa fiu anuntat de urmatoarele mesaje la acest articol
Comentariu *

Security image