HTML - Text
Tag-ul XHTML SPAN este unul dintre cele mai populare tag-uri din limbajul HTML, permitandu-va sa adaugati elemente speciale paginilor dvs. de web, inclusiv: evidentiere text, imagine pe fundalul unui text si mouseover la un text.
Tag-ul SPAN XHTML incepe cu si se termina cu .
Mai jos cateva modalitati in care puteti utiliza SPAN XHTML:
1.Culoare de fundal pentru un text
Poti adauga o culoare de fundal pentru text.
Codul pe care l-am folosit:
style="background-color : red"> Poti adauga o culoare de background pentru text.
In interiorul primei etichete span am adaugat style="background-color: culoarea"
Culoare poate fi denumita prin nume (red, blue, green, yellow) sau prin codul RGB :
#FFF000, #CCC00F2.Culoarea unui text
Poti schimba culoarea unui text
Codul:
Poti schimba culoarea unui text
3.Adaugare imagine pe fundalul unui text:
Poti adauga o imagine ca fundal pentru un text
Codul:
Poti adauga o imagine ca fundal pentru un text
Imaginea "fundal1.jpg" trebuie sa fie in acelasi folder cu pagina pe care o creezi.
4.Text alternativ
Poti adaugat "alt tag" pentru un text. Incearca exemplul urmator, dute cu cursorul deasupra textului si asteapta.
TEXT ALTERNATIV
Codul:
TEXT ALTERNATIV
5.MouseOver
Putem face cu ajutorul acestui tag si actiune MouseOver intre 2 imagini, atunci cand misti cursorul pe deasupra imaginii aceasta sa se schimbe ca in exemplul urmator:
Codul:
SPAN onMouseOver="document.pic1.src='imagine2.jpg'" onMouseOut="document.pic1.src='imagine1.jpg'">
Pentru a folosi codul trebuie doar sa modifici imagine1.jpg cu imaginea care va aparea prima data si imagine2.jpg cu imaginea pentru RollOver. De asemenea imaginile trebuie sa fie in folderul cu pagina html.
