Afin de vérifier vos acquis, répondez aux questions suivantes.
<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 ?","theme":"D","nume":"6","sujet":3,"annee":2020},{"radio":[{"label":" onmouseout"},{"label":" onmouseover","sol":true},{"label":" onmouseleave"},{"label":" onclick"}]}],[{"text":"Parmi les balises HTML ci-dessous quelle est celle qui permet à l’utilisateur de saisir son nom dans un formulaire en respectant la norme HTML ?","theme":"D","nume":"2","sujet":4,"annee":2020},{"radio":[{"label":" <select />"},{"label":" <form />"},{"label":" <input type=\"text\" />","sol":true},{"label":" <input type=\"name\" />"}]}],[{"text":"Pour créer un lien vers la page d'accueil de Wikipédia, que devra-t-on écrire dans une page Web ?","theme":"D","nume":"3","sujet":4,"annee":2020},{"radio":[{"label":" <a target=\"http://fr.wikipedia.org\">Wikipédia</a>"},{"label":" <a href=\"http://fr.wikipedia.org\" />"},{"label":" <a href=\"http://fr.wikipedia.org\">Wikipédia</a>","sol":true},{"label":" <link src=\"http://fr.wikipedia.org\">Wikipédia</link>"}]}],[{"text":"Dans une page HTML, que permet la balise <form action=\"http://mon_site.fr\" method=\"POST\"> ? ","theme":"D","nume":"2","sujet":5,"annee":2020},{"radio":[{"label":" d'envoyer des données à l'URL http://mon_site.fr sans les ajouter au corps de la requête HTTP"},{"label":" d'envoyer des données à l'URL http://mon_site.fr et de les ajouter au corps de la requête HTTP mais pas à
l'URL","sol":true},{"label":" de télécharger un formulaire depuis l'URL http://mon_site.fr"},{"label":" de récupérer des données depuis l'URL http://mon_site.fr"}]}],[{"text":"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\"
}
","theme":"D","nume":"5","sujet":5,"annee":2020},{"radio":[{"label":" le texte de la page passe en bleu"},{"label":" le texte du bouton passe en bleu","sol":true},{"label":" le texte du bouton est changé et affiche maintenant le mot \"bleu\""},{"label":" le pointeur de la souris devient bleu quand il arrive sur le bouton"}]}],[{"text":"Les pages HTML sont affichées par ...","theme":"D","nume":"2","sujet":6,"annee":2020},{"radio":[{"label":" le compilateur"},{"label":" le serveur"},{"label":" l'interpréteur"},{"label":" le navigateur Web","sol":true}]}],[{"text":"onmouseover est une méthode qui permet de traiter un événement de quel type ? ","theme":"D","nume":"3","sujet":6,"annee":2020},{"radio":[{"label":" l'appui d'une touche du clavier"},{"label":" un clic sur un bouton de souris"},{"label":" un mouvement de la souris"},{"label":" le survol par la souris d'un élément de la page","sol":true}]}],[{"text":"On considère le formulaire ci-dessous :}
Quel est votre langage préféré ?
Python □ Java □ Php □
Quelle balise parmi les quatre suivantes a été utilisée pour les cases à cocher ?
","theme":"D","nume":"4","sujet":6,"annee":2020},{"radio":[{"label":" <input type=\"radio\">"},{"label":" <input type=\"circle\">"},{"label":" <input type=\"checkbox\">","sol":true},{"label":" <input type=\"square\">"}]}],[{"text":"Parmi les propriétés suivantes d’une balise <button /> dans une page HTML, laquelle doit être rédigée en langage JavaScript ?","theme":"D","nume":"5","sujet":6,"annee":2020},{"radio":[{"label":" la propriété name"},{"label":" la propriété type"},{"label":" la propriété onclick","sol":true},{"label":" la propriété id"}]}],[{"text":"On considère cet extrait de fichier HTML représentant les onglets d'une barre de navigation :Quelle balise parmi les quatre suivantes a été utilisée pour les cases à cocher ?
<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 ?","theme":"D","nume":"6","sujet":6,"annee":2020},{"radio":[{"label":" tab-nav a { background-color : blue; }"},{"label":" tab-nav, a { background-color : blue; }","sol":false},{"label":" #tab-nav a { background-color : blue; }","sol":true},{"label":" #tab-nav, a { background-color : blue; }"}]}],[{"text":"Un élément form (un formulaire) d'une page HTML contient un élément button de type submit. Un clic sur ce bouton :","theme":"D","nume":"1","sujet":7,"annee":2020},{"radio":[{"label":" envoie les données du formulaire vers la page définie par l'attribut action de l'élément form","sol":true},{"label":" efface les données entrées par l'utilisateur dans le formulaire"},{"label":" envoie les données du formulaire vers la page définie par l'attribut method de l'élément form"},{"label":" ne fait rien du tout si un script javascript n'est pas associé au bouton"}]}],[{"text":"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 :","theme":"D","nume":"2","sujet":7,"annee":2020},{"radio":[{"label":" entre la balise <js> et la balise </js>"},{"label":" entre la balise <code> et la balise </code>"},{"label":" entre la balise <script> et la balise </script>","sol":true},{"label":" entre la balise <javascript> et la balise </javascript>"}]}],[{"text":"Dans le code HTML les délimiteurs tels que <body> et </body> s’appellent ? ","theme":"D","nume":"5","sujet":7,"annee":2020},{"radio":[{"label":" des bornes"},{"label":" des balises","sol":true},{"label":" des paragraphes"},{"label":" des liens"}]}],[{"text":"Voici un extrait d'un document HTML.
<body> .........
Clic !
</button>
<h1><span id=\"valeur\">2000</span></h1>
</body> <html>
Quelle doit être la ligne qui remplace les pointillés pour obtenir un bouton dont l'appui déclenche la fonction javascript actionBouton() ?","theme":"D","nume":"6","sujet":7,"annee":2020},{"radio":[{"label":" <button click = \"actionBouton();\">"},{"label":" <button onclick = \"actionBouton();\">","sol":true},{"label":" <button onclick => \"actionBouton();\""},{"label":" <button> onclick = \"actionBouton();\""}]}],[{"text":"On considère le formulaire HTML suivant :
<form action=\"action.php\" method=\"get\" name=\"prenom\"> Prénom :
<input type=\"text\" id=\"champ1\" name=\"p\"/> <br/>
<input type=\"hidden\" name=\"util\" value=\"1549\"/>
<input value=\"Envoi du prénom\" type=\"submit\"/> </form>
Le prénom entré par l'utilisateur est contenu dans :","theme":"D","nume":"3","sujet":8,"annee":2020},{"radio":[{"label":" l’élément dont l’attribut id est champ1","sol":true},{"label":" l’élément nommé prénom"},{"label":" l’élément dont l’attribut value est Envoi du prénom"},{"label":" l’élément dont l’attribut type est hidden"}]}],[{"text":"On souhaite qu’un menu apparaisse à chaque fois que l’utilisateur passe sa souris 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 :","theme":"D","nume":"4","sujet":8,"annee":2020},{"radio":[{"label":" onclick"},{"label":" src"},{"label":" alt"},{"label":" onmouseover","sol":true}]}],[{"text":"Quelle est la machine qui exécute un programme JavaScript inclus dans une page HTML ?","theme":"D","nume":"6","sujet":8,"annee":2020},{"radio":[{"label":" le serveur WEB qui contient la page HTML"},{"label":" la machine de l'utilisateur qui consulte la page HTML","sol":true},{"label":" un serveur du réseau"},{"label":" un routeur du réseau"}]}],[{"text":"Mehdi a écrit une page HTML contenant des éléments input de formulaire. Il place ces éléments de formulaire :","theme":"D","nume":"1","sujet":9,"annee":2020},{"radio":[{"label":" entre la balise <form> et la balise </form>","sol":true},{"label":" entre la balise <formulary> et la balise </formulary>"},{"label":" entre la balise <code> et la balise </code>"},{"label":" entre la balise <script> et la balise </script>"}]}],[{"text":"Parmi les couples de balises suivants, lequel permet de créer un formulaire ?","theme":"D","nume":"2","sujet":9,"annee":2020},{"radio":[{"label":" <body> </body>"},{"label":" <html> </html>"},{"label":" <div> </div>"},{"label":" <form> </form>","sol":true}]}],[{"text":"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\">
Nombre 2 : <input name=\"n2\" value=\"10\">
<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 : ","theme":"D","nume":"5","sujet":9,"annee":2020},{"radio":[{"label":" uniquement dans le navigateur","sol":true},{"label":" uniquement sur le serveur qui héberge la page"},{"label":" à la fois dans le navigateur et sur le serveur"},{"label":" si le calcul est complexe, le navigateur demande au serveur de faire le calcul"}]}],[{"text":"Un navigateur affiche la page HTML suivante :
<html lang=\"fr\">
<head>
<meta charset=\"utf-8\">
<link rel=\"stylesheet\" href=\"style.css\">
<meta charset=\"utf-8\">
<link rel=\"stylesheet\" href=\"style.css\">
<title>Un bouton</title>
</head>
</head>
<body>
<button onclick=\"maFonction()\">Cliquer ici</button>
<button onclick=\"maFonction()\">Cliquer ici</button>
</body>
<script src=\"script.js\"></script>
<script src=\"script.js\"></script>
</html>
Lorsque l'on clique sur le bouton, l'action déclenchée maFonction() est définie :
","theme":"D","nume":"2","sujet":10,"annee":2020},{"radio":[{"label":" dans le fichier HTML seul"},{"label":" dans le fichier style.css"},{"label":" dans une bibliothèque prédéfinie du navigateur"},{"label":" dans le fichier script.js","sol":true}]}],[{"text":"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 ?","theme":"D","nume":"4","sujet":10,"annee":2020},{"radio":[{"label":" <a href=\"afficher_reponse()\">Cliquez ici</a>"},{"label":" <button if_clicked=\"afficher_reponse()\">Cliquez ici</button>"},{"label":" <button value=\"Cliquez ici\"><a> afficher_reponse()</a></button>"},{"label":" <button onclick=\"afficher_reponse()\">Cliquez ici</button>","sol":true}]}],[{"text":"Une page HTML comporte ce bout de code :Lorsque l'on clique sur le bouton, l'action déclenchée maFonction() est définie :
<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\" ? ","theme":"D","nume":"6","sujet":10,"annee":2020},{"radio":[{"label":" Rien"},{"label":" La page du navigateur se fermera"},{"label":" La page affichera à la place du bouton \"Appuyer ici\" le message \"Auteurs anonymes\""},{"label":" Cela provoquera l’ouverture d’une fenêtre comportant le message \"Auteurs anonymes\"","sol":true}]}],[{"text":"On considère l’extrait suivant d'une page web d'un site de vente en ligne.
<form id=\"fmCreerCommande\" name=\"fmCreerCommande\" action=\"gestion.php\" method=\"post\">
<input type=\"HIDDEN\" name=\"reference\" value=\"F1245\">
<label for=\"quantite\" class=\"dropdown\">Quantité :</label>
<select name=\"quantite\" autocomplete=\"off\" id=\"quantite\" class=\"dropdown\">
<option value=\"1\" selected>1</option>
<label for=\"quantite\" class=\"dropdown\">Quantité :</label>
<select name=\"quantite\" autocomplete=\"off\" id=\"quantite\" class=\"dropdown\">
<option value=\"1\" selected>1</option>
<option value=\"2\">2</option>
<option value=\"3\">3</option>
</select>
<div id=\"btnMulti\" class=\"clValidBtn\">
<input type=\"button\" value=\"Ajouter\" class=\"btn\" onclick=\"ajouterProduit()\">
<option value=\"3\">3</option>
</select>
<div id=\"btnMulti\" class=\"clValidBtn\">
<input type=\"button\" value=\"Ajouter\" class=\"btn\" onclick=\"ajouterProduit()\">
</div>
</form>
Quelle est la méthode utilisée pour transmettre les informations saisies dans ce formulaire ?
","theme":"D","nume":"1","sujet":11,"annee":2020},{"radio":[{"label":" La méthode HIDDEN"},{"label":" La méthode GET","sol":false},{"label":" La méthode POST","sol":true},{"label":" La méthode SELECT"}]}],[{"text":"Quelle méthode doit utiliser la requête envoyée au serveur lorsque vous entrez votre identifiant et votre mot de passe dans un formulaire sécurisé ?","theme":"D","nume":"2","sujet":11,"annee":2020},{"radio":[{"label":" GET"},{"label":" POST","sol":true},{"label":" FORM"},{"label":" SUBMIT"}]}],[{"text":"Un fichier HTML contient la ligne suivante.</form>
Quelle est la méthode utilisée pour transmettre les informations saisies dans ce formulaire ?
<p>Coucou ! Ca va?</p>
Quelle commande CSS écrire pour que le texte apparaisse en rose sur fond jaune ?","theme":"D","nume":"4","sujet":11,"annee":2020},{"radio":[{"label":" p { couleur: rose ; fond: jaune;}"},{"label":" <p> { color = pink background-color = yellow}"},{"label":" <p> { color = pink ; background-color: yellow} </p>"},{"label":" p { color: pink ; background-color: yellow ;}","sol":true}]}],[{"text":"On considère cet extrait de fichier HTML représentant les onglets d'une barre de navigation :
function BoutonGris() {
var btn = document.createElement(\"BUTTON\"); btn.innerHTML = \"Annulation\"; document.getElementById(\"DIV\").appendChild(btn);
}","theme":"D","nume":"1","sujet":12,"annee":2020},{"radio":[{"label":" elle remplace un élément DIV par un bouton"},{"label":" elle annule l'élément BUTTON"},{"label":" elle crée un bouton comportant le texte \"Annulation\"","sol":true},{"label":" elle recherche le bouton \"BUTTON\" et crée une copie appelée \"btn\""}]}],[{"text":"Voici un formulaire contenu dans une page HTML :
<form action=\"traitement.php\" method=\"get\">
<div>
<label for=\"nom\">Classe:</label>
<input type=\"text\" id=\"nom\" name=\"leNom\" />
<label for=\"nom\">Classe:</label>
<input type=\"text\" id=\"nom\" name=\"leNom\" />
</div>
<div>
<label for=\"effectif\">Effectif:</label>
<input type=\"number\" id=\"effectif\" name=\"n\" />
</div> <div>
<button type=\"submit\">Go!</button> </div>
</form>
Un utilisateur remplit le formulaire comme suit :
Quelle est l'adresse de la page obtenue lorsque l'utilisateur clique sur le bouton Go! ?
","theme":"D","nume":"2","sujet":13,"annee":2020},{"radio":[{"label":" traitement.php?leNom=Seconde B&n=35"},{"label":" traitement.php?leNom=Seconde+B&n=35","sol":true},{"label":" traitement.php?nom=Seconde+B&effectif=35"},{"label":" traitement.php"}]}],[{"text":"En HTML, qu'est-ce que la balise <a> ? ","theme":"D","nume":"6","sujet":13,"annee":2020},{"radio":[{"label":" Une balise de formulaire"},{"label":" Une balise d'en-tête"},{"label":" Une balise de lien ou d'ancre","sol":true},{"label":" Une balise de tableau"}]}],[{"text":"Dans quels langages les balises <img> et <form> sont-elles utilisées ? ","theme":"D","nume":"1","sujet":14,"annee":2020},{"radio":[{"label":" Python"},{"label":" HTML","sol":true},{"label":" Javascript"},{"label":" PHP"}]}],[{"text":"Quelle est la fonction principale d’un fichier CSS ?","theme":"D","nume":"1","sujet":17,"annee":2020},{"radio":[{"label":" Définir le style d’une page web","sol":true},{"label":" Assurer l’interaction entre une page web et l’utilisateur"},{"label":" Créer une page web dynamique"},{"label":" Créer un bouton dans une page web"}]}],[{"text":"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 ?","theme":"D","nume":"2","sujet":17,"annee":2020},{"radio":[{"label":" <button onclick = \"traitement()\">Cliquez ici</button>","sol":true},{"label":" <a href = traitement()>Cliquez ici</a>"},{"label":" <button>Cliquez ici</button = traitement()>"},{"label":" <button>Cliquez ici = traitement()</button>"}]}],[{"text":"Parmi ces quatre éléments d’un formulaire HTML, lequel est prévu pour envoyer les données saisies ?","theme":"D","nume":"3","sujet":20,"annee":2020},{"radio":[{"label":" <input name=\"file\" type=\"file\"/>"},{"label":" <input value=\"here we go !\" type=\"submit\"/>","sol":true},{"label":" <input name=\"email\" type=\"email\"/>"},{"label":" <input value=\"once again !\" type=\"reset\"/>"}]}],[{"text":"Quel est le code HTML correct pour créer un hyperlien vers le site Eduscol ?","theme":"D","nume":"3","sujet":21,"annee":2020},{"radio":[{"label":" <a url=\"https://www.eduscol.education.fr/\"> site Eduscol </a>"},{"label":" <a name=\"https://www.eduscol.education.fr/\"> site Eduscol </a>"},{"label":" <a href=\"https://www.eduscol.education.fr/\"> site Eduscol </a>","sol":true},{"label":" <a> https://www.eduscol.education.fr/ </a> site Eduscol"}]}],[{"text":"Quelle est la balise HTML utilisée pour indiquer un titre de niveau d'importance maximal ?","theme":"D","nume":"1","sujet":23,"annee":2020},{"radio":[{"label":" la balise <h0>"},{"label":" la balise <h1>","sol":true},{"label":" la balise <head>"},{"label":" la balise <header>"}]}],[{"text":"Comment s'appelle la méthode permettant de transmettre les variables en les faisant apparaître dans la barre d’adresse du navigateur ?","theme":"D","nume":"6","sujet":23,"annee":2020},{"radio":[{"label":" URL"},{"label":" HEAD"},{"label":" POST"},{"label":" GET","sol":true}]}],[{"text":"Voici un extrait d'une page HTML :<div>
<label for=\"effectif\">Effectif:</label>
<input type=\"number\" id=\"effectif\" name=\"n\" />
</div> <div>
<button type=\"submit\">Go!</button> </div>
</form>
Un utilisateur remplit le formulaire comme suit :
Quelle est l'adresse de la page obtenue lorsque l'utilisateur clique sur le bouton Go! ?
<script>
function sommeNombres(formulaire) {
var somme = formulaire.n1.value + formulaire.n2.value;
console.log(somme); }
</script>
<form>
Nombre 1 : <input name=\"n1\" value=\"30\">
Nombre 2 : <input name=\"n2\" value=\"10\">
<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 : ","theme":"D","nume":"5","sujet":45,"annee":2020},{"radio":[{"label":" uniquement dans le navigateur","sol":true},{"label":" uniquement sur le serveur qui héberge la page"},{"label":" à la fois dans le navigateur et sur le serveur"},{"label":" si le calcul est complexe, le navigateur demande au serveur de faire le calcul"}]}]]