Vous êtes sur la page 1sur 2

Université Ibn Tofail Nom : …………………………..

Faculté des sciences de Kenitra Prénom : ………………………


Département d’Informatique N° Apogée : ……………………

Technologie du Web
Examen – Janvier 2022 – (Durée : 1h30mn) – 1
– Cochez la bonne réponse –
(Réponse juste : 1pt ; Réponse fausse : -0,5pt ; Pas de réponse : 0pt)

Exercice 1 (HTML) : 5 pt
Exercice 2 (CSS) : 5 pt
Q1 : Un document HTML peut contenir que :
 Des balises Q6 : Quels sont les attributs qu’il faut appeler avec
la balise <link> ?
 Des attributs
 type, href, et rel
 Du texte
 name, href et type
 Toutes les réponses sont justes
 src, type et rel
Q2 : Quel attribut à inclure dans la balise <BODY>  src, name et type
pour changer la couleur des liens non visités ?
 LINK Q7 : Le style CSS permettant d’appliquer la police
"Times" aux titres H3 est :
 VLINK
 H3.all {Font-style : "Times";}
 NLINK
 H3 {Font-style : "Times";}
 ALINK
 H3 {Font-family : "Times";}
Q3 : Pour insérer l’image "m1.gif" en arrière-plan  H3.all {Font-family : "Times";}
d’une page web, quelle balise utilisera-t-on ?
 <IMG src="m1.gif"> Q8 : Comment rendre tous les paragraphes en
majuscule avec CSS ?
 <BODY img="m1.gif">
 p.all {text-decoration : uppercase;}
 <BODY background ="m1.gif">
 p {text-decoration : uppercase;}
 <BACKGROUND src="m1.gif">
 p.all {transform : uppercase;}
Q4 : Lequel de ces balises permet d’ajouter une  p {text-transform : uppercase;}
légende à un tableau ?
 <legend> Q9 : Le style CSS permettant de changer la largeur
de la bordure d’un tableau à 20px est :
 <caption>
 table {width : 20px ;}
 <figlegend>
 table.border {width : 20px ;}
 <figcaption>
 table {border-width : 20px ;}
Q5 : Quel attribut de la balise <form> permet  table {width-border : 20px ;}
d’appeler le script côté serveur ?
 method Q10 : Le style CSS permettant de changer le type
de la puce à disque pour une liste non numérotée
 script est :
 target  UL {list-style-puce : "disc"}
 action  UL {list-style-type : "disc"}
 OL {list-style-puce : "disc"}
 UL {style-puce : "disc"}

1/2
Q17 : Avec jQuery, l’instruction suivante : $
Exercice 3 (JavaScript) : 5 pt ("input:checkbox:checked").val(); permet de :
 obtenir la valeur du premier bouton radio
Q11 : Quelle est la syntaxe correcte pour faire sélectionné
référence à un script externe appelé « myscript.js »?
 obtenir toutes les valeurs des cases
 <script language ="javascript" cochées
href="myscript.js">
 obtenir la valeur de la première case
 <script language ="javascript" cochée
name="myscript.js">
 obtenir la valeur de la dernière case
 <script language ="javascript" cochée
src="myscript.js">
 <javascript href="myscript.js"> Q18 : Avec jQuery, l’instruction suivante : $
('input.texte'). mousemove(); décrit l’événement :
Q12 : Qu'affiche le code isNaN("20") ; ?  Lorsqu’on relâche le clic de la souris sur
 20 l’élément de classe texte
 "20"  Lorsqu’on déplace la souris sur le champ
 true de classe texte
 false  Lorsqu’on relâche le clic de la souris sur
l’élément d’identificateur texte
Q13 : Comment approcher le nombre 3.12 à un  Lorsqu’on déplace la souris sur le champ
nombre entier plus proche ? d’identificateur texte
 Math.round(3.12)
Q19 : Avec jQuery, l’instruction suivante : $
 Math.floor(3.12) ("div#a").slideToggle(1000); permet de :
 Math.ceil(3.12)  Faire apparaitre l’élément "div"
 Math.int(3.12) d’identifiant "a" en 1 seconde avec un
effet d’opacité
Q14 : Comment créer une fonction en JavaScript  Faire apparaitre ou disparaitre l’élément
qui se nomme maFonction ? "div" d’identifiant "a" en 1000
 function = maFonction() {} ; milliseconde avec un effet d’opacité
 function : maFonction(){} ;  Faire apparaitre l’élément "div"
 function maFonction(){} ; d’identifiant "a" en 1 seconde avec un
effet de translation
 maFonction = new function{} ;
 Faire apparaitre ou disparaitre l’élément
"div" d’identifiant "a" en 1 seconde avec
Q15 : Lequel des éléments suivants n’est pas un
un effet de translation
évenement de la souris ?
 onmousescroller Q20 : Avec jQuery, l’instruction suivante : $
 onclick ("h1").dblclick( function() { $(" ul
 onmouseover li:odd") .append("***"); }); permet de ?
 onmouseout  Ajouter "***" à la fin des éléments paires
d’une liste non numérotée au clic sur h1
Exercice 4 (JQuery) : 5 pt  Ajouter "***" à la fin des éléments
impaires d’une liste non numérotée au
Q16 : Laquelle des actions suivantes est utilisée double clic sur h1
pour masquer les éléments sélectionnés ?  Ajouter "***" au début des éléments
 visible(false) impaires d’une liste numérotée au double
 hidden() clic sur h1
 display(none)  Ajouter "***" au début des éléments
paires d’une liste non numérotée au
 hide()
double clic sur h1

2/2

Vous aimerez peut-être aussi