⁉️ QCM⚓︎
Ces questions sont issues de la BNS (source).
Q1 - Lequel des langages suivants n'est pas un langage de programmation :⚓︎
Q2 - Dans une page HTML, lequel de ces codes permet la présence d'un bouton qui appelle la fonction javascript afficher_reponse()
lorsque l'utilisateur clique dessus ?⚓︎
Réponses :
A- <a href="afficher_reponse()">Cliquez ici</a>
B- <button if_clicked="afficher_reponse()">Cliquez ici</button>
C- <button value="Cliquez ici"><a> afficher_reponse()</a></button>
D- <button onclick="afficher_reponse()">Cliquez ici</button>
Q3 - Dans le code HTML les délimiteurs tels que <body>
et </body>
s’appellent ...⚓︎
Q4 - On souhaite qu’un menu apparaisse à chaque fois que l’utilisateur clique sur l’image de bannière du site. L’attribut de la balise <img>
dans lequel on doit mettre un code Javascript à cet effet est :⚓︎
Q5 - Une page HTML contient la ligne suivante dans laquelle un mot a été remplacé par des points de supsension :⚓︎
<p ...... ="alert('hello')"> Survolez-moi </p>
Au survol de la souris, le message hello apparait dans une boite de dialogue. Par quel mot faut-il remplacer les points de suspension ?
Q6 - Pour créer un lien vers la page d'accueil de Wikipédia, que devra-t-on écrire dans une page Web ?⚓︎
Réponses :
A- <a target="http://fr.wikipedia.org">Wikipédia</a>
B- <a href="http://fr.wikipedia.org" />
C- <a href="http://fr.wikipedia.org">Wikipédia</a>
D- <link src="http://fr.wikipedia.org">Wikipédia</link>
Q7 - Lors de la consultation d’une page HTML contenant un bouton auquel est associée la fonction suivante, que se passe-t-il quand on clique sur ce bouton ?⚓︎
function action(event) {
this.style.color = "blue"
}
Réponses :
Q8 - Les pages HTML sont affichées par …⚓︎
Q9 - onmouseover
est une méthode qui permet de traiter un événement de quel type ?⚓︎
Réponses :
Q10 - Parmi les propriétés suivantes d’une balise <button />
dans une page HTML, laquelle doit être rédigée en langage JavaScript ?⚓︎
Réponses :
Q11 - On considère cet extrait de fichier HTML représentant les onglets d'une barre de navigation :⚓︎
<ul id="tab-nav">
<li><a href="onglet1.html" class="tab-nav-active">Onglet 1</a></li>
<li><a href="onglet2.html">Onglet 2</a></li>
<li><a href="onglet3.html">Onglet 3</a></li>
</ul>
Quel code CSS permet de mettre en bleu la couleur de fond des onglets et uniquement eux ?
Réponses :
A- tab-nav a { background-color : blue; }
B- tab-nav, a { background-color : blue; }
C- #tab-nav a { background-color : blue; }
D- #tab-nav, a { background-color : blue; }
Q12 - Un élève a écrit une fonction javascript qui détermine la moyenne des valeurs entrées par l'utilisateur dans un formulaire de sa page HTML.⚓︎
Il place sa fonction javascript :
Réponses :
A- entre la balise <js>
et la balise </js>
B- entre la balise <code>
et la balise </code>
C- entre la balise <script>
et la balise </script>
D- entre la balise <javascript>
et la balise </javascript>
Q13 - Par quoi commence l’URL d’une page Web sécurisée ?⚓︎
Réponses :
Q14 - Voici un extrait d'un document HTML⚓︎
<body>
.........
Clic !
</button>
<h1><span id="valeur">2000</span></h1>
</body>
Quelle doit être la ligne qui remplace les pointillés pour obtenir un bouton dont l'appui déclenche la fonction javascript actionBouton()
?
Réponses :
A- <button click = "actionBouton();">
B- <button onclick = "actionBouton();">
C- <button onclick => "actionBouton();"
D- <button> onclick = "actionBouton();"
Q15 - Quelle est la machine qui exécute un programme JavaScript inclus dans une page HTML ?⚓︎
Réponses :
Q16 - Voici un extrait d'une page HTML :⚓︎
<script>
function sommeNombres(formulaire) {
var somme = formulaire.n1.value + formulaire.n2.value;
console.log(somme);
}
</script>
<form>
Nombre 1 : <input name="n1" value="30"> <br>
Nombre 2 : <input name="n2" value="10"> <br>
<input type="button" value="Somme" onclick="sommeNombres(this.form)">
</form>
Quand l'utilisateur clique sur le bouton Somme, le calcul de la fonction sommeNombre()
se fait :
Réponses :
Q17 - Un navigateur affiche la page HTML suivante :⚓︎
<html lang="fr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
<title>Un bouton</title>
</head>
<body>
<button onclick="maFonction()">Cliquer ici</button>
</body>
<script src="script.js"></script>
</html>
Lorsque l'on clique sur le bouton, l'action déclenchée maFonction()
est définie :
Réponses :
Q18 - Dans le bloc <head>
d'un fichier HTML, afin d'encoder les caractères avec le standard Unicode/UTF-8 on insère la ligne :⚓︎
<meta http-equiv="Content -Type" content="text/html; charset=UTF-8">
Pourquoi cela ?
Réponses :
A- UTF-8 est l'encodage Linux
B- ASCII est une vieille norme, il est temps d'en changer
C- UTF-8 est une norme conçue pour permettre un affichage correct des caractères spéciaux sur tout système d'exploitation
D- UTF-8 est un encodage qui protège mieux contre le piratage informatique
Q19 - Dans une page web, on souhaite créer un bouton permettant l’appel de la fonction javascript traitement()
.⚓︎
Quelle ligne d’instructions permettra de le faire ?
Réponses :
A- <button onclick = "traitement()">Cliquez ici</button>
B- <a href = traitement()>Cliquez ici</a>
C- <button>Cliquez ici</button = traitement()>
D- <button>Cliquez ici = traitement()</button>
Q20 - Une page HTML comporte ce bout de code :⚓︎
<article>
<h1>Les auteurs de ce site</h1>
<button onclick="auteurs()">Appuyer ici</button>
</article>
<script src="java_script/ScriptJava.js"></script>
<script>
function auteurs() { alert("Auteurs anonymes"); }
<\script>
Quel sera le résultat d’un clic sur le bouton "Appuyer ici" ?
Réponses :
Q21 - Un fichier HTML contient la ligne suivante.⚓︎
<p>Coucou ! Ca va?</p>
Quelle commande CSS écrire pour que le texte apparaisse en rose sur fond jaune ?
Réponses :
A- p { couleur: rose ; fond: jaune;}
B- <p> { color = pink background-color = yellow}
C- <p> { color = pink ; background-color: yellow} </p>
D- p { color: pink ; background-color: yellow ;}
Q22 - On considère cette fonction écrite en Javascript :⚓︎
function BoutonGris() {
var btn = document.createElement("BUTTON");
btn.innerHTML = "Annulation";
document.getElementById("DIV").appendChild(btn);
}
Que fait cette fonction ?
Réponses :
Q23 - En HTML, qu'est-ce que la balise <a>
?⚓︎
Réponses :
Q24 - Dans quels langages les balises <img>
et <video>
sont-elles utilisées ?⚓︎
Réponses :
Q25 - Quelle est la fonction principale d’un fichier CSS ?⚓︎
Réponses :
Q26 - Quel est le code HTML correct pour créer un hyperlien vers le site Eduscol ?⚓︎
Réponses :
A- <a url="https://www.eduscol.education.fr/"> site Eduscol </a>
B- <a href="https://www.eduscol.education.fr/"> site Eduscol </a>
C- <a name="https://www.eduscol.education.fr/"> site Eduscol </a>
D- <a> https://www.eduscol.education.fr/ </a> site Eduscol
Q27 - Quelle est la balise HTML utilisée pour indiquer un titre de niveau d'importance maximal ?⚓︎
Réponses :
A- la balise <h0>
B- la balise <h1>
C- la balise <head>
D- la balise <header>
Q28 - Comment doit-on procéder pour insérer des instructions en javascript dans un fichier html ?⚓︎
Réponses :