Lucrare de control, la tema:

„Operarea cu obiecte. Inserarea imaginilor, sunetelor si videoclipurilor”

Varianta I
1. Creaţi directorului d:\work (dacă nu e creat deja) şi descărcaţi în el arhiva cu fişierele de lucru.
Dezarhivaţi, astfel încât cele trei fişiere 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 inseraţi un nou paragraf, în care aliniaţi central
conţinutul său. Inseraţi în acest paragraf un titlu (heading) de tip 2 (deci nu chiar cel mai mare, ci
următorul) cu textul "Consumatorul"; 1p
3. Coloraţi textul primului paragraf (al documentului iniţial) cu culoarea roşie; 0,5p
4. Creaţi un subdirector "poza" în directorul work şi mutaţi fişierul imagine r1.jpg în acest subdirector.
Actualizaţi atributul "src" al tag-ului "img" din documentul html, astfel încât imaginea să fie preluată
de la noua ei locaţie. NU aveţi voie să folosiţi calea absolută, ci cea relativă (adică plecând de la locul
în care se află fişierul html). Puneţi imaginii un chenar de grosime 5. 1p
5. Separaţi primul paragraf (al documentului iniţial) de cel de-al doilea printr-o bară orizontală (hr) de
culoare albastră, de dimensiuni 75% din lăţimea browserului, şi grosime de 6 pixeli. 1p
6. Transformaţi paragrafele 2, 3, 4 şi 5 (ale documentului iniţial) în itemi ai unei liste numerotate, în
care numerotarea se va face cu litere romane mici. 1p
7. Creaţi, în directorul d:\work, fişierul tabel.html, în care reproduceţi
cât mai fidel conţinutul următorului tabel (imaginea suport este
capibara.png):
Veţi folosi diacritice, salvând fişierul în format UTF-8
(culorile folosite: rozul : #FFC0CB
gri-ul de pe fundalul tabelului : #F9F9F9
albastrul font-ului: #0044B3
chenarul tabelului : #AAAAAA)

4p