Sunteți pe pagina 1din 6

Evaluare sumativă Tema: Limbajul HTML clasa , varianta II

punctaj_________________nota_____ Numele, prenumele elevului_Scarlat___Andreia_________


data _______________
1) Desenați structura unui document HTML 5
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Titlul Paginii</title>
</head>
<body>
<h1>Titlul Principal</h1>
<p>Aceasta este o pagină web simplă.</p>
</body>
</html>
2) Enumerați atributele etichetei <font>. Specificați destinația lor. 10
color: Definește culoarea textului.
size: Stabilește dimensiunea textului.
face: Specifică fontul textului.

3) Selectaţi opţiunile pentru: 6


a. marcajul de specificare al documentului de tip b. marcajul pentru formatarea textului (font-ului) stil
hipertext: ingrosat:
a. <Body> a. <P>
b. <Head> b. <B>
c. <Html> c. <Font>
c. marcajul de specificare al corpului documentului de d. marcajul pentru alegerea tipului de font:
tip hipertext: a. <Font face=”.....
a. <Head> b. <Hn>
b. <Html> c. <Style>
c. <Body>
e. parametrii folositi pentru colorarea fundalului f. optiunea pentru alegerea dimensiunilor fonturilor:
paginii web: a. big
a. background b. size
b. bgcolor c. align
c. align

4) Stabiliţi valoarea de adevăr a propoziţiilor: 5


Toate etichetele în HTML sunt etichete-pereche. F
O etichetă poate avea mai multe atribute A
Programul de explorare va afişa din rînd nou un text, dacă acesta va fi precedat de oricare din F
etichetele <BR>, <HR>,<Center>.

. Un text cuprins între etichetele <Pre> şi </Pre> este un text preformatat A


Perechea de etichete <Ul> </Ul> definește o listă numerotată F
5) Scrieți un cod HTML care crează următoarea listă: 10
Orase
A. Paris
B. Londra
C. Dubai
D. Bucuresti
Tari
E. Franta
F. Germania
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Listă</title>
</head>
<body>
<h2>Orase</h2>
<ol>
<li>A. Paris</li>
<li>B. Londra</li>
<li>C. Dubai</li>
<li>D. Bucuresti</li>
</ol>

<h2>Tari</h2>
<ol start="5">
<li>E. Franta</li>
<li>F. Germania</li>
</ol>
</body>
</html>

6) Scrieți un cod HTML care crează următoarea listă: 10

I. Bomboane o Meteorit o Lapte de pasare


II. Biscuiti
o La ceai
o De
fructte
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Listă</title>
</head>
<body>
<ol>
<li>
<p>I. Bomboane
<ul>
<li>Meteorit</li>
<li>Lapte de pasăre</li>
</ul>
</p>
</li>
<li>
<p>II. Biscuiți
<ul>
<li>La ceai</li>
<li>De fructe</li>
</ul>
</p>
</li>
</ol>
</body>
</html>
7)Scrieți un cod HTML care crează următorul table. Completați tabelul cu date. 10
Nr Numele, prenumele Telefonul Notele la examene
ord
Mat Ist L engleza Info

<HTML>
<body>
<table border="1">
<tr>
<th>Nr ord</th>
<th>Numele, prenumele</th>
<th>Telefonul</th>
<th>Notele la examene</th>
<!-- Restul antetelor -->
</tr>
<tr>
<td>1</td>
<td>Exemplu Nume</td>
<td>0123456789</td>
<td>Mat: 9, Ist: 8, L engleza: 7, Info: 10</td>
<!-- Restul datelor -->
</tr>
<!-- Restul rândurilor -->
</table>
</body>
</HTML>
8) Scrieți o referință către un document HTML care se găsește în dosarul a. Dosarul a se găsește în 5
dosarul b, care este amplasat în același dosar cu documentul den care se face referința. Titlul va fi
Informatie. Pagina va fi încărcată în fereastra părinte.
<a href="b/a/document.html" target="_parent">Informatie</a>

9)Scrieți referința din doc1.hml către doc2.html care se află pe un nivel imediat superior. 5
<a href="../doc2.html">Link către doc2.html</a>

10) Scrieți referința din doc1.hml către secvența abracadabra din doc3.html care se află în mapa 5
EXEMPLU, amplasată în mapa DEX care este in aceeași mapă cu doc1.html.
<a href="DEX/EXEMPLU/doc3.html#abracadabra">Link către abracadabra</a>

11) 15

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Imaginea 5</title>
</head>
<body>
<h1>TUCANO COFFEE</h1>
<ul>
<li>
<h2>Tacano Coffee</h2>
<ul>
<li>Cafea American</li>
<li>Verde</li>
</ul>
</li>
</ul>
<p>
<a href="https://tucanocoffee.com">Tucano Coffee</a> Shop Franchise
</p>
<img src="tucano.png" alt="Tucano Coffee">
</body>
</html>
12) Scrieţi un cod HTML care, fiind interpretat de programul de explorare, va afişa următoarele: 14
 Titlul afișat în bara de explorare a browser-ului va fi: Pagina Web
 Va conține un titlu de nivelul2, aliniat la dreapta, îngroșat, înclinat: Progres științific
 Va urma o linie cu grosime 10 pixeli, culoarea roșie, de-a lungul întregii pagini
 După linie veți scrie 2 noțiuni despre avantajul utilizării calculatoarelor cu fontul:Arial, mărimea 7, culore
verde.
 Scrieți formula a12+b12
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pagina Web</title>
<style>
h2 {
text-align: right;
font-weight: bold;
font-style: italic;
}
hr {
border: 10px solid red;
}
.green-text {
font-family: Arial, sans-serif;
font-size: 7px;
color: green;
}
</style>
</head>
<body>
<h2>Progres științific</h2>
<hr>
<p class="green-text">Două noțiuni despre avantajul utilizării
calculatoarelor:</p>
<p class="green-text">1. Calculul rapid al informațiilor</p>
<p class="green-text">2. Automatizarea sarcinilor repetitive</p>
<p>Formula: a<sup>2</sup> + b<sup>2</sup></p>
</body>
 </html>
95-100 87-94 76-86 61-75 45-60 31-44 20-30 11-19 5-10 0-4
10 9 8 7 6 5 4 3 2 1

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