Université Ibn Tofail Nom : …………………………..
Faculté des sciences de Kenitra Prénom : ………………………
Département d’Informatique N° Apogée : ……………………
Technologie du Web
Solution Examen – Janvier 2023 – (Durée : 1h30mn) – 2
– Cochez la bonne réponse –
(Réponse juste : 1pt ; Réponse fausse : -0,5pt ; Pas de réponse : 0pt)
Exercice 1 (HTML) : 5 pt
Q1 : Le langage HTML est un :
Langage de présentation compilé
Langage de programmation compilé
Langage de programmation interprété
Langage de balisage compilé
Langage de présentation interprété
Q2 : La balise permettant d’ajouter l’image "m1.gif" à gauche de la page, de largeur 50px et
hauteur 40px et comme texte de remplacement "Logo" est :
<img src="m1.gif" width = 50 height = 40 alt ="logo" align = "left">
<img src="m1.gif" width = 50 height = 40 text ="logo" align = "left">
<img href="m1.gif" width = 50 height = 40 text ="logo" align = "left">
<img src="m1.gif" dim = "50*40" alt ="logo" align = "left">
<img href="m1.gif" dim = "50*40" alt ="logo" align = "left">
Q3 : La balise permettant d’envoyer un message à la boîte électronique : [email protected]
est :
<a maildo="
[email protected]"> envoyer </a>
<a href="maildo:
[email protected]"> envoyer </a>
<a mailto="
[email protected]"> envoyer </a>
<a href="
[email protected]"> envoyer </a>
<a href="mailto:
[email protected]"> envoyer </a>
Q4 : Quel attribut de la balise <form> permettant de définir la façon http utilisée dans la
transmission au programme serveur ?
method
target
type
http
1/4
https
Q5 : La balise permettant de créer un bouton radio coché par défaut est :
<button type="radio" default>
<input type="radio" selected>
<input type="radio" checked>
<button type="radio" selected>
<button type="radio" checked>
Exercice 2 (CSS) : 5 pt
Q6 : Avec CSS, l’attribut rel de la balise <Link> permet de :
Préciser le chemin du fichier contenant le style CSS,
Préciser que le style utiliser est interne,
Etablir le lien avec la feuille de style externe.
Préciser que la feuille de style est un fichier externe,
Préciser que le style utiliser est de type CSS,
Q7 : Le style CSS permettant d’appliquer la 1ère lettre en majuscule aux titres H3 est :
H3 {text-transform : capitalize;}
H3 {text-transform : uppercase;}
H3 {text-transform : majuscule;}
H3.all {text-decoration : uppercase;}
H3.all {text-decoration : capitalize;}
Q8 : Comment appliquer la forme italique dans l’écriture des paragraphes sous CSS ?
p { style : italic;}
p.all (style : italic;)
p.all {style : italic;}
p.all {font-style : italic;}
p { font-style : italic;}
Q9 : Le style CSS permettant de définir l’interligne de 20points dans les paragraphes :
P.all { interline : 20pt ;}
P {line-height : 20pt ;}
P {interline-height : 20pt ;}
P.all {line-height : 20pt ;}
P {interline : 20pt ;}
Q10 : Le style CSS permettant d’appliquer le type ligne solide pour la bordure du tableau :
table {border-line : solid}
table {line : solid}
2/4
table {style-line : solid}
table {style : solid}
table {border-style : solid}
Exercice 3 (JavaScript) : 5 pt
Q11 : Qu’affiche cette balise lors du clic sur le bouton :
<input type="button" onclick=alert( [2,5,6,3,1].slice(1,3).join(','))" >
2,5,6
5,6
[5,6]
[2,5,6]
[2,5]
Q12 : Qu’affiche cette balise lors du clic sur le bouton :
<input type="button" onclick="alert(‘Bonjour’.substr(1,4))" >
"Bon"
"onj"
Rien du tout
"onjo"
"Bonj"
Q13 : Que renvoie l'exécution du code :
alert(Math.round(3.51)*Math.ceil(3.12)) ; ?
9
12
16
undefined
3
Q14 : Qu’affiche cette balise lors d’une modification de la zone de texte suivante :
<input type="text" onchange="alert('A')" onmouseover="alert('B')"/> ?
Uniquement A
B, ensuite A
A, ensuite B
Rien du tout
Uniquement B
Q15 : Lequel des éléments suivants n’est pas un événement de la souris ?
onmouseover
onmousemove
onmouseout
onmousescroller
3/4
onclick
Exercice 4 (JQuery) : 5 pt
Q16 : Sous JQuery, laquelle des instructions suivantes, permet de masquer le 4ème élément de
la liste non numérotée d’une page Web ?
$("ol li :eq(4)").hide();
$("ul li :eq(4)").hide();
$("ul li :egal(3)").hide();
$("ul li :eq(3)").hide();
$("li :eg(3)").hide();
Q17 : Sous JQuery, laquelle des instructions suivantes permet de colorer en bleu l’arrière-
plan des lignes impaires du tableau d’identifiant "d1" ?
$("table#d1 tr:odd").css("background-color", "blue");
$("table#d1 tr:even ").css("background-color", "blue");
$("table.d1 tr:even ").css("background-color", "blue");
$("table.d1 tr.odd").css("color", "blue");
$("table.d1.tr:odd").css("background ", "blue");
Q18 : Sous JQuery, laquelle des instructions suivantes, permet de cocher la case du nom
"C1" :
$("checkbox.(name=’C1’ )").add("checked", "true");
$("[name=’C1’] ").attr("checked", "true");
$("[name=’C1’] ").add("checked", "true");
$("checkbox.name=’C1’ ").attr("checked", "true");
$("checkbox.name=’C1’ ").attr("selected", "true");
Q19 : Sous JQuery, laquelle des instructions suivantes, permet de faire apparaître puis
disparaître l’élément div en jouant sur la hauteur en 1 seconde.
$("div").slideUp(1000);
$("div").slideDown(1000);
$("div").slideUp(1000). slideDown(1000);
$("div").fadeToggle(1000);
$("div").slideToggle(1000);
Q20 : Sous JQuery, quelle est la durée de cette animation :
$('img').animate({ 'border-width': '30‘ },{queue:true, 1500} )
.animate({ 'width': '-=100'}, 2500); ?
4 millisecondes
4 secondes
4/4
1 seconde
1.5 secondes
2.5 secondes
5/4
