Sunteți pe pagina 1din 1

Fişa de lucru nr.

2
Creaţi un document HTML cu următorul cod:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1> Listă marcată</h1>
<ul>
<li>Primul rînd</li>
< li>Al doilea</li >
< li>Al treilea</li>
< li>Al patrulea </li >
< li>Al cincilea</li>
</ul>
<h1> Listă numerotată </h1>
<ol>
<li>Punctul unu</li >
<li>Doi</li >
<li>Trei</li>
<li>Patru</li>
<li>Cinci</li>
</li>
<h1> Paragraf</h1>
<p>Acesta e conţinutul paragrafului. Acesta e conţinutul paragrafului. Acesta e conţinutul paragrafului.
Acesta e conţinutul paragrafului. Acesta e conţinutul paragrafului. Acesta e conţinutul paragrafului. Acesta e
conţinutul paragrafului. Acesta e conţinutul paragrafului. Acesta e conţinutul paragrafului. Acesta e
conţinutul paragrafului. </p>
</body>
</html>
1.Definiţi în fișierul extern ​style.css:

● pentru selectorul ​h1​culoarea fundalului: rgb(140,220,200);

● pentru selectorul ​ul ​culoarea fundalului: rgb(200,160,200);

● pentru selectorul ​ol ​culoarea fundalului: #DAFFC3, intervalul între simboluri:5px;

● pentru selectorul ​p ​culoarea fundalului: ​gray, ​intervalul între simboluri:​1cm ​;

2. Salvaţi documentul cu numele ​lucrare.html. ​Deschideţi editorul de imagini şi desenaţi un smile, cu mărimea
aproximativă de 100x100 pixeli. Salvaţi desenul cu numele ​smile.png ​în aceiaşi mapă, cu documentul.

​ entru selectorul ​body:


3. Definiţi în fișierul extern ​style.css p

● proprietatea ce setează ca imagine de fundal fişierul ​smile.png.

● proprietatea ce nu repetă imaginea de fundal;

● proprietatea ce poziţionează imaginea în centru jos.

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