Tehweb

SUBIECTE TEHNOLOGII WEB
1. HTML este:
d) un limbaj de marcare care oferă mijloace pentru redarea conținutului unui
document într-un
browser
2. CSS este:
d) un limbaj care oferă un set de proprietăți pentru crearea de reguli aplicate
codului HTML, în scopul
stilizării conținutului unei pagini web
3. Care afirmație este adevărată?

c) etichetele pot avea unul, nici unul, sau mai multe atribute
4. Un document HTML:
a) este independent de calculatorul utilizat
5. Fie un fișier cu cod HTML in Folder 1 și o imagine în Folder 2

Linia de cod <a href="imagine.jpg">Poză</a> va avea ca efect:
c) nu va funcționa deoarece calea către imagine nu este cunoscută
6. În interiorul tag-ului <head>...</head> se pot utiliza urmatoarele tag-uri:

b) <script>, <title>, <style>, <link>
7. Tasta „Enter” în fișierul text:

a) nu are nici un efect asupra rezultatului din pagina web
8. Pentru alinierea unui paragraf în centrul unui rând se folosește:

c) atributul „align” cu valoarea „center”
9. <a href="https://www.google.com" target="_blank">Google</a> are ca efect:

b) crearea unui link către pagina „www.google.com” care se deschide într-o pagină
goală
10. <p id="C1">Capitolul1</p><a href="#C1">Jump to Chapter1</a> are ca efect:

c) navigarea la o secțiune dintr-o pagină folosind ca referință un identificator
11. Scrieți codul care afișează numele dumneavoastră scris de la stânga la dreapta
marcat ca șters,
apoi, pe rândul următor, de la dreapta la stânga evidențiat (exemplu: textul „nume”
afișat ca
„emun”).
<p><s>Colodi Alexandru-Denis</s></p>
<bdo dir="rtl"><b>Colodi Alexandru-Denis</b></bdo>
12. Scrieți codul care afișează o linie de text ce conține 2 cuvinte, cel de-al
doilea, pe rândul următor,
este marcat ca indice inferior
<p>cuvant</p>
<p>dulce<sub>miere</sub></p>
13. Scrieți codul care afișează o linie de text ce conține 2 cuvinte, cel de-al
doilea, pe rândul următor,
este marcat ca indice superior
<p>cuvant</p>
<p>miere<sup>dulce</sup></p>
14. Scrieți codul care afișează o linie de text ce conține un cuvânt de dimensiune
mai mare decât
celelalte
<p>Am fost la <big>munte</big> si mi-a placut</p>
15. Scrieți codul care afișează o linie de text ce conține un cuvânt de dimensiune
mai mică decât
celelalte
<p>Am fost la <small>munte</small> si mi-a placut</p>
16. „title”:
c) poate fi folosit ca atribut sau ca etichetă
17. Care dintre variantele de mai jos este corecta?

a) <FONT face="arial" color="blue" size="4">TEXT</FONT>
18. Scrieți codul care afișează un tabel cu trei coloane și 2 rânduri, pe primul
rând având ultimele 2
coloane unite
<table border="2px">
<tr>
<td>linia 1, celula 1</td>
<td colspan="2">linia 1, celula 2-3</td>
</tr>
<tr>
</tr>
</table>
19. Scrieți codul care afișează un tabel cu trei coloane și 2 rânduri. Tabelul este
centrat în pagina web,
are liniile colorate și chenarul de grosime 3.
<table border="3px" bordercolor="red" align="center" >

<tr>
<tr>
</tr>
</table>
20. Scrieți codul care afișează un tabel cu trei coloane și 2 rânduri. Tabelul are
cap cu textul colorat,
italic, de dimensiune mai mare.
<tr>
<th style="color: red;font-size: larger;"><i>head</i> </th>
</tr>
<tr>
</tr>
<tr>
</tr>
</table>
21. Scrieți codul care afișează un tabel cu trei coloane și 2 rânduri. Denumirea
coloanelor este centrata
cu fundal de o culoare iar textul este îngroșat.
<tr>
<th bgcolor="yellow">head </th>
</tr>
<tr>
</tr>
<tr>
</tr>
</table>
22. Scrieți codul care afișează un tabel cu trei coloane și 2 rânduri. Celulele
tabelului sunt colorate.
Nu este spațiere între celule.
<table border="2px" cellspacing="0" bgcolor="yellow">

<tr>
</tr>
<tr>
</tr>
</table>
23. Scrieți codul care afișează o listă ordonată cu indentarea elementelor după
modelul: A, B, C,..(2
elemente). Primul element al listei ordonate va conține o listă neordonată cu
elemente marcate cu
pătrat
<ol type="A">
<li>Cafea</li>
<ul type="square">
<li>Boabe</li>
<li>Marunt</li>
</ul>
<li>Caine</li>
</ol>
modelul: i, ii, iii,.. (2
elemente). Al doilea element al listei ordonate va conține o listă neordonată cu
elemente marcate cu
cerc plin
<ol type="i">
<li>Cafea</li>
<li>Caine</li>
<ul type="disc">
<li>Boabe</li>
<li>Marunt</li>
</ul>
</ol>
modelul: a, b, c,..(2
elemente). Primul element al listei ordonate va conține o listă de definiții
<ol type="a">
<li>Cafea</li>
<dl>
<dt>Boabe</dt>
<dt>Marunt</dt>
</dl>
<li>Caine</li>
</ol>
modelul: A, B, C,..(2
elemente). Al doilea element al listei ordonate va conține o listă ordonată cu
indentarea elementelor
listei după modelul: a, b, c,...
<ol type="A">
<li>Cafea</li>
<li>Caine</li>
<ol type="a">
<li>Boabe</li>
<li>Marunt</li>
</ol>
</ol>
27. Scrieți codul care afișează o listă neordonată cu cel puțin 2 elemente marcate
cu cerc plin. Al
doilea element al listei neordonate va conține o listă o listă de definiții.
<ul type="disc">
<li>Cafea</li>
<li>Caine</li>
<dl>
<dt>Boabe</dt>
<dt>Marunt</dt>
</dl>
</ul>
28. Scrieți codul care afișează o listă neordonată cu cel puțin 2 elemente marcate
cu pătrat. Al doilea
element al listei neordonate va conține o listă ordonată cu indentarea elementelor
listei după modelul:
1, 2, 3,...
<ul type="square">
<li>Cafea</li>
<li>Caine</li>
<ol type="1">
<li>Boabe</li>
<li>Marunt</li>
</ol>
</ul>
29. Scrieți codul care afișează o imagine cu chenarul colorat, care să apară în
mijlocul paginii web. In
cazul în care imaginea nu există se va afișa un text cu numele dumneavoastră
<p style="text-align:center;"><img src="slp.jpg" alt="Colodi Alexandru-Denis"

width="60px" height="60px" img style="border: 10px outset silver;"></p>
30. Scrieți codul care afișează o imagine. Inserați o linie de text care să fie
aliniată cu latura de jos a
imaginii.
<img src="slp.jpg" width="80px" height="80px"><p style= "text-align: left;">linie

de text</p>
31. Scrieți codul care afișează o imagine. Modificați dimensiunile imaginii astfel
încât ea să fie
afișată, mai mica pe următorul rând, nedeformată.
<picture>
<source media="(min-width: 600px)" srcset="slp.jpg">
<source media="(min-width: 450px)" srcset="slp.jpg">
<img src="slp.jpg" style="width:auto;">
</picture>
32. Scrieți codul care are ca efect redarea unui video. Se vor utiliza butoanele de
control ale browser#ului pentru redarea videoclipului.
Borwser-ul nu va încărca fișierul media până ce utilizatorul nu apasă butonul
play.
<video width="600" height="400" controls preload="none">

<source src="indian.mp4" type="video/mp4">
</video>
33. Scrieți codul care are ca efect redarea unui video. Fișierul video se va reda
din nou după ce a ajuns
la final.
<video width="600" height="400" controls loop>

</video>
34. Scrieți codul care are ca efect redarea unui video. Se vor utiliza butoanele de
control ale browser#ului pentru redarea videoclipului.
<video width="600" height="400" controls>

</video>
35. Scrieți codul care are ca efect redarea unui video. Browser-ul descarcă
fișierul video odată cu
încărcarea paginii. Fișierul video va rula o singură dată.
<video width="600" height="400" controls preload="auto">

</video>
36. Scrieți codul care afișează un link la o adresă de e- mail. Link-ul permite
trimiterea e-mailului cu
CC și BCC.
<a href="mailto: nume@stud.ubbcluj.ro?

cc=nume2@stud.ubbcluj.ro&bcc=nume3@stud.ubbcluj.ro ">Send email</a>
37. Scrieți codul care permite utilizatorului să se autentifice pe o pagină web
<input type="text" placeholder="Enter Username" name="username" required>

<label>Password : </label>
<input type="password" placeholder="Enter Password" name="password" required>
<button type="submit">Login</button>
38. Scrieți codul care permite utilizatorului să încarce un fișier și să trimită

fișierul după finalizare.
<form action="/action_page.php">
<input type="file" id="myFile" name="filename">
<input type="submit">
</form>
39. Scrieți codul care afișează un tabel cu 2 coloane și 2 rânduri. Inserați o

imagine într-una dintre
celule
<table border="2px" cellspacing="0" bgcolor="yellow">

<tr>
<td><img
src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Image_created_with_a
_mobile_phone.png/220px-Image_created_with_a_mobile_phone.png" alt=""></td>
</tr>
<tr>
</tr>
</table>
40. Atributul „rowspan=valoare” permite:

a) îmbinarea a „valoare” rânduri ale unui tabel
41. Scrieți codul care oferă utilizatorului posibilitatea să introducă un

comentariu, cu mențiunea
„Type your comment here”.
<form action="/form/submit" method="POST">

<textarea class="comment">Type your comment here.</textarea>
<br>
<input type="submit" name="submit" value="Send">
</form>
42. Scrieți codul care oferă utilizatorului posibilitatea să aleagă o singură

selecție din mai multe
posibile și să transmită selecția făcută

<p>Please select your age:</p>
<input type="radio" name="age1" id="age1" >
<label for="age1">0 - 30</label><br>
<label for="age2">31 - 60</label><br>
<label for="age3">61 - 100</label><br><br>
<input type="submit" value="Submit">
</form>
43. Scrieți codul care oferă utilizatorului posibilitatea să aleagă cel puțin
singur din mai multe posibile
și să transmită selecția făcută

<p>Care este proful vostru preferat? <br>
<input type="checkbox" checked>Eu<br>
<input type="checkbox" >Ion<br>
<input type="checkbox" >Gheorghe<br>
<input type="checkbox" >Vasile<br>
<input type="checkbox" >Maria<br>
</P>
</form>
44. Scrieți codul care oferă utilizatorului posibilitatea să aleagă o selecție

dintr-o listă de opțiuni și să
transmită selecția făcută

<select name="pets" id="pet-select">
<option value="">--Please choose an option--</option>
<option value="dog">Dog</option>
<option value="cat">Cat</option>
<option value="hamster">Hamster</option>
<option value="parrot">Parrot</option>
<option value="spider">Spider</option>
<option value="goldfish">Goldfish</option>
</select>
</form>
45. Când se folosește metoda GET pentru transmiterea formularelor:
b) datele sunt vizibile în bara de navigare a browser-ului
46. Codul CSS de mai jos:

body = { color: yellow,}
h1; h2 ={color: red,}
p = {color: blue,}
c) nu va face nimic, codul conține erori de sintaxă
47. Selectorul CSS „class”
a) este asociat unui tag al cărui atribut are o valoare asociată tag-ului,
specificat după simbolul „ . ”
48. h1~p {...}
b) se aplica tuturor tag-urilor <p> care sunt la același nivel cu tag-ul h1
49. Pentru un tag pentru care sunt aplicate două reguli:
c) este valabilă și se aplică ultima regulă întâlnită
50. :hover permite:
a) stilizarea unui link peste care se trece cu mouse-ul
51. :picture-in-picture are ca efect:
b) ajustarea automată a dimensiunii, stilului sau aspectului unui videoclip
52. Tag-ul <span> este utilizat pentru:
a) manipularea formei si graficii de conținut ale unei linii de cod din pagina
53. Având liniile de cod CSS:

.a {color: white; background-color: red;}
.b {font-family: cursive;}
linia de cod HTML <p class = ”a b”> a b</p> are ca efect
c) aplică asupra textului paragrafului regulile stabilite de cele două clase
54. text-indent este utilizat pentru:
b) definirea spațierii dintre cuvintele textului
55. Tag-ul <script> se utilizează
b) în tag-ul <head> și <body>
56. Funcția js document.write() permite:
a) afișarea datelor într-un browser

57. Care afirmație este adevărată în cazul instrucțiunii „continue”?
c) poate fi folosită în buclele „while” și „for

Tehweb

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Tehweb

Încărcat de

Drepturi de autor:

Formate disponibile

SUBIECTE TEHNOLOGII WEB

3. Care afirmație este adevărată?

5. Fie un fișier cu cod HTML in Folder 1 și o imagine în Folder 2

6. În interiorul tag-ului <head>...</head> se pot utiliza urmatoarele tag-uri:

7. Tasta „Enter” în fișierul text:

8. Pentru alinierea unui paragraf în centrul unui rând se folosește:

9. <a href="https://www.google.com" target="_blank">Google</a> are ca efect:

10. <p id="C1">Capitolul1</p><a href="#C1">Jump to Chapter1</a> are ca efect:

<p>Am fost la <big>munte</big> si mi-a placut</p>

<p>Am fost la <small>munte</small> si mi-a placut</p>

17. Care dintre variantele de mai jos este corecta?

<table border="3px" bordercolor="red" align="center" >

<table border="2px" cellspacing="0" bgcolor="yellow">

<p style="text-align:center;"><img src="slp.jpg" alt="Colodi Alexandru-Denis"

<img src="slp.jpg" width="80px" height="80px"><p style= "text-align: left;">linie

<video width="600" height="400" controls preload="none">

<video width="600" height="400" controls loop>

<video width="600" height="400" controls>

<video width="600" height="400" controls preload="auto">

<a href="mailto: nume@stud.ubbcluj.ro?

37. Scrieți codul care permite utilizatorului să se autentifice pe o pagină web

<input type="text" placeholder="Enter Username" name="username" required>

38. Scrieți codul care permite utilizatorului să încarce un fișier și să trimită

39. Scrieți codul care afișează un tabel cu 2 coloane și 2 rânduri. Inserați o

<table border="2px" cellspacing="0" bgcolor="yellow">

40. Atributul „rowspan=valoare” permite:

41. Scrieți codul care oferă utilizatorului posibilitatea să introducă un

<form action="/form/submit" method="POST">

42. Scrieți codul care oferă utilizatorului posibilitatea să aleagă o singură

<form action="/form/submit" method="POST">

<form action="/form/submit" method="POST">

44. Scrieți codul care oferă utilizatorului posibilitatea să aleagă o selecție

<form action="/form/submit" method="POST">

45. Când se folosește metoda GET pentru transmiterea formularelor:

b) datele sunt vizibile în bara de navigare a browser-ului

46. Codul CSS de mai jos:

c) nu va face nimic, codul conține erori de sintaxă

47. Selectorul CSS „class”

48. h1~p {...}

b) se aplica tuturor tag-urilor <p> care sunt la același nivel cu tag-ul h1

49. Pentru un tag pentru care sunt aplicate două reguli:

c) este valabilă și se aplică ultima regulă întâlnită

50. :hover permite:

a) stilizarea unui link peste care se trece cu mouse-ul

51. :picture-in-picture are ca efect:

b) ajustarea automată a dimensiunii, stilului sau aspectului unui videoclip

52. Tag-ul <span> este utilizat pentru:

53. Având liniile de cod CSS:

c) aplică asupra textului paragrafului regulile stabilite de cele două clase

54. text-indent este utilizat pentru:

b) definirea spațierii dintre cuvintele textului

55. Tag-ul <script> se utilizează

b) în tag-ul <head> și <body>

56. Funcția js document.write() permite:

a) afișarea datelor într-un browser

c) poate fi folosită în buclele „while” și „for

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