Sunteți pe pagina 1din 1

FISA DE LUCRU HTML

-utilizarea tagului Marquee, formatare text, fundal, introducere imagini


PAS 1: Deschidet aplicatia Paint
Stabiliti dimensiunea desenului la 100 x 100 pixeli. Umpleti fundalul cu neagru.
Desenati o inima rosie. Salvati desenul cu numele inima, tipul png.

PAS 2: Deschideti aplicatia Notepad . Introduceti urmatorul cod html :

<html><body bgcolor="black">
<marquee width="48%" direction="right"><img src="inima.png"></marquee>
<marquee width="48%" direction="left"> <img src="inima.png"></marquee>
<br> <font color="red" size="6" face="verdana"><center>
<marquee width="400" height="800" behavior="alternate" direction="up">
Valentine's Day !</marquee></center> </font></body></html>

ATENTIE !!! : Salvati fisierul in acelasi folder cu imaginea, cu numele vali.html (activati optiunea
All files –toate fisierele, din caseta de salvare )

PAS 3: Dati clic stanga pe iconita vali, pentru a vizualiza in browser fisierul.
Aduceti imbunatatiri programului, modificand culori, sau optiuni ale tagului
<marquee> (click dreapta, optiunea View Source; salvati din nou fisierul din
Notepad cu File/Save, reveniti la pagina din Explorer si dati click pe Refresh)
Sugestii:

 Scrieti de mai multe ori randurile:


o <marquee width="48%" direction="right"><img src="inima.png"></marquee>
o <marquee width="48%" direction="left"> <img src="inima.png"></marquee>

 Inlocuiti 48% de la marquee cu alte valori, etc.

 Inlocuiti inimioarele cu doua masinute care se ciocnesc


(desenati o masinuta, o salvati iar apoi rotiti pe orizontala
desenul si salvati cu alt nume. Inlocuiti codul
<img src="inima.png"> cu
<img src="masina1.png"> si <img src="masina2.png">
iar textul Valentine's day ! cu Booom !!!

S-ar putea să vă placă și