HTML Tutorial #19 - Background

[Vampire Andy 229]

În afară de o culoare simplă pentu fond, se poate folosi şi o fotografie.

 

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

 

HTML - Background repetat (tile)

 

Atunci când tabelul este mai mare decît imaginea, aceasta se va multiplica şi repetă la nesfârşit.

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

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

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

 

HTML - Patterned Backgrounds

 

Repetarea unei imagini are o altă aplicaţie . Această funcţie a browser-ului de a repeta imaginea la nesfârsit se poate folosi ca un avantaj şi anume, putem crea o imagine foarte mică (cu Photoshop sau Corel Paint Shop PRO), de exemplu 4x4 pixeli. Această imagine poate fi un anume model care se va repeta continu.

 

 

Imaginea a fost marită pentru a fi văzută cu claritate.

 

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

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

</table>

 

HTML - Culoare de fond transparentă

 

O altă metodă de a folosi imagini repetate este fondul transparent. Vom folosi o imagine ".gif"

 

Plasarea acestei imagini în background se face exact în aceeaşi manieră ca şi în exemplul anterior.

 

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

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

</table>