Examen HTML-CSS-3ESO
Tradus de
ScribdTranslationsExamen HTML-CSS-3ESO
Tradus de
ScribdTranslationsIES Sorolla
---------------------------------------------------------------------------------------------
Nombre y Apellidos: ………………………………………
Curs: ………………………………………
---------------------------------------------------------------------------------------------
Examen HTML/CSS
3º ESO
Test
Întrebările tip test penalizează ⅓ din valoarea întrebărilor.
1. Care dintre următoarele nu este o etichetă cunoscută în HTML?
a) ol
b) a
c) pre
d) al
2. Ș i dacă am dori să adăugăm spa ț iu între diferitele elemente HTML, ce proprietate CSS ar trebui să folosim?
a conduce?
a) Spaccing
b) Umplere
c) Marjă
d) Distan ț ă
3. Ș i dacă a ș dori să creez 2 liste ordonate cu câte 4 elemente fiecare, ce comandă a editorului ar trebui să folosesc?
a) ol*2>li*4
b) ol>li*4*2
c) (ol>li*4)*2
d) ol>li*2*4
4. Care dintre următoarele sentin ț e CSS pentru a modifica marginea unui element este corectă?
a) bordură: solidă neagră 1px;
b) contur: 1px solid negru;
c) bordură: 1px neagră solidă;
d)border: negru solid 1px;
5. Care este sintaxa corectă pentru a utiliza un selector de clasă denumit class?
a) #clasă
b) clasă
.class
d) clasă[attr]
6. Care dintre următoarele afirma ț ii este corectă?
a) Padding este distan ț a dintre elemente
b) Padding-ul este lă ț imea fiecărui element
c) Padding este distan ț a de la margine la con ț inutul elementului
d) Padding este distan ț a până la centrul fiecărui element
e)
7. Având în vedere următorul cod HTML
<p> Lorem ipsum ...</p>
<p id="uno"> Lorem ipsum ..</p>
<p class="uno"> Lorem ipsum </p>
Ce selector am folosi pentru a selecta elementul îngroș at?
a) .unu
b) p
c) #unu
d) p1
1/4
IES Sorolla
8. Care ar fi sintaxa corectă în editor pentru a crea un tabel de 3x5 (linii x coloane)
a) tabel>tr*3>td*5
b) tabel>corp>linia*5>celulă*3
c) masă>antet>linie*5>coloană*3
d) tabel>corpul tabelului>rând*3>coloană*5
9. Care este semnifica ț ia acronimului HTML?
a) Limbaj de Marcare Hyper Text
b) Limbaj de Marcaj pentru Uneltele de Acasă
c) Hyperlink-uri ș i Limbaj de Marcaj pentru Text
10. Care este sintaxa corectă pentru a crea un link?
a)<a nume=" [Link]
b)<a url=" [Link]
c)<a href=" [Link]
d)<a> [Link]
11. Care dintre atributele HTML este folosit pentru a afi ș a un text alternativ în cazul în care imaginea nu poate fi
încărcată?
a) title
b) src
c) descriere lungă
d) alt
2/4
IES Sorolla
Răspuns scurt
Emmet
Introduceti codul emmet (o singura linie!!!) necesar pentru a genera urmatorul cod
html
<div class="rotunjit">
<img src="" alt="">
<img src="" alt="">
<img src="" alt="">
</div>
codigo emmet:
_________________________________________________________________
<ul>
<li><a href="" class="fa"></a></li>
<li><a href="" class="fa"></a></li>
<li><a href="" class="fa"></a></li>
<li><a href="" class="fa"></a></li>
<li><a href="" class="fa"></a></li>
</ul>
codigo emmet:
_________________________________________________________________
Selectoare
Descriere Selector
Toate elementele dintr-o listă
Listele ordonate
Tabla de clasă ș ah
Imaginile descendente direct dintr-un container div
Paragrafe de clasă epigrafă
3/4
IES Sorolla
Practica . HTML variat
Instrucț iuni: Într-un document nou denumit [Link], creează
1. Cree o tabelă de 5x7 (rânduri x coloane) incluzând prima rând ca antet
(th)
a) Adaugă margine și padding fiecărei celule
b) Schimbă culoarea de fundal a antetului
c) Centrează textul din tabel
d) Schimbă tipul de literă al celulelor de date în courier
2. Crea 10 párrafos con Lorem Ipsum
a) Adaugă margini laterale, margine laterală, padding lateral și justifică textul
b) Adaugă indentare de prima linie.
3. Crea 3 listas ordenada ordenadas con 4 elementos cada una
a) Completează listele cu informații
b) Utilizează proprietatea list-style pentru a schimba numerotarea acestora
• Schimba numerotarea de la prima alower-greek
• Schimbă numerotarea celei de-a doua akatakana
• Schimbă numerotarea de la a treia la zecimală cu zero iniț ial
4/4