Tutorial HTML - Background

  »   HTML  »   Tutoriale 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.

html<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)

In primul exemplu se considera ca imaginea cat si tabelul au coincis in marime. Insa atunci cand tabelul este mai mare decat imaginea, aceasta se va repeta atat vertical cat si orizontal.

HTML - Patterned Backgrounds

Repetarea unei imagini are o alta aplicatie. Aceasta functie a browser-ului de a repeta imaginea la nesfarsit se poate folosi ca un avantaj si anume, putem crea o imagine foarte mica (cu ajutorul Photoshop, GIMP, Paint, etc), de esemplu 4x4 pixeli. Aceasta imagine poate fi un anume model care se va repeta continu.

HTML - Culoare de fond transparenta

O alta metoda de a folosi imagini repetate este fondul transparent. In acest scop se va folosi o imagine ".gif". Plasarea acestei imagini in background se face exact in aceasi maniera ca si in exemplul anterior.

Se recomanda folosirea CSS pentru a stabili culoarea de background sau pentru a pune o imagine de fundal. In acest sens vezi tutorialul CSS despre background pentru mai multe detalii.