Lucrare de control, la tema:

Operarea cu obiecte. Inserarea imaginilor, sunetelor si videoclipurilor

Varianta I
1. Creai directorului d:\work (dac nu e creat deja) i descrcai n el arhiva cu fiierele de lucru.
Dezarhivai, astfel nct cele trei fiiere de lucru (r1.html, r1.jpg i capibara.png) s fie plasate direct n
directorul d:\work (i NU n vreun subdirector al acestuia)

0,5p

2. nainte de primul paragraf al documentului r1.html inserai un nou paragraf, n care aliniai central
coninutul su. Inserai n acest paragraf un titlu (heading) de tip 2 (deci nu chiar cel mai mare, ci
urmtorul) cu textul "Consumatorul";

1p

3. Colorai textul primului paragraf (al documentului iniial) cu culoarea roie;

0,5p

4. Creai un subdirector "poza" n directorul work i mutai fiierul imagine r1.jpg n acest subdirector.
Actualizai atributul "src" al tag-ului "img" din documentul html, astfel nct imaginea s fie preluat
de la noua ei locaie. NU avei voie s folosii calea absolut, ci cea relativ (adic plecnd de la locul
n care se afl fiierul html). Punei imaginii un chenar de grosime 5.

1p

5. Separai primul paragraf (al documentului iniial) de cel de-al doilea printr-o bar orizontal (hr) de
culoare albastr, de dimensiuni 75% din limea browserului, i grosime de 6 pixeli.

1p

6. Transformai paragrafele 2, 3, 4 i 5 (ale documentului iniial) n itemi ai unei liste numerotate, n

care numerotarea se va face cu litere romane mici.

1p

7. Creai, n directorul d:\work, fiierul tabel.html, n care reproducei

ct mai fidel coninutul urmtorului tabel (imaginea suport este
capibara.png):
Vei folosi diacritice, salvnd fiierul n format UTF-8
(culorile folosite: rozul : #FFC0CB
gri-ul de pe fundalul tabelului : #F9F9F9
albastrul font-ului: #0044B3
chenarul tabelului : #AAAAAA)

4p