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 : Client@serv.com

est :
 <a maildo=" Client@serv.com"> envoyer </a>
 <a href="maildo:Client@serv.com"> envoyer </a>
 <a mailto=" Client@serv.com"> envoyer </a>
 <a href="Client@serv.com"> envoyer </a>
 <a href="mailto:Client@serv.com"> 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