Académique Documents
Professionnel Documents
Culture Documents
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