Le Web : pages HTML et CSS

Exercices corrigés

1. Que signifie le « s » de HTTPS ?

   • A.Que la communication entre le navigateur et le serveur est chiffréeBonne réponse
   • B.Que le site a été vérifié et approuvé par l'État
   • C.Que le site est plus rapide que les autres
   • D.Que le contenu du site est fiable et vérifié

   Réponse : A — Que la communication entre le navigateur et le serveur est chiffrée

   Le s signifie secure : les données échangées sont chiffrées, donc illisibles pour quelqu'un qui les intercepterait, et le certificat atteste que le serveur est bien celui annoncé. Mais attention au contresens fréquent : HTTPS ne dit rien sur l'honnêteté ni l'exactitude du contenu. Un site trompeur peut parfaitement afficher un cadenas.

2. Quels sont les trois composants d'une règle CSS ?

   • A.Une balise ouvrante, un contenu, une balise fermante
   • B.Une variable, une condition, une boucle
   • C.Un protocole, un domaine, un chemin
   • D.Un sélecteur, une propriété et une valeurBonne réponse

   Réponse : D — Un sélecteur, une propriété et une valeur

   Une règle CSS désigne d'abord les éléments visés (le sélecteur), puis ce qu'on modifie (la propriété, par exemple color) et enfin le réglage choisi (la valeur, par exemple red). L'option 1 décrit un élément HTML, l'option 2 des notions de programmation, et l'option 3 les parties d'une URL : trois pièges qui mélangent les niveaux du chapitre.

3. À quoi sert l'attribut alt d'une image en HTML ?

   • A.À fournir une description textuelle de l'image, lue par les lecteurs d'écran et affichée si l'image ne charge pasBonne réponse
   • B.À indiquer le chemin d'accès du fichier image sur le serveur, comme le fait l'attribut src
   • C.À fixer la largeur et la hauteur de l'image en pixels, comme le font les attributs width et height
   • D.À rendre l'image cliquable en la transformant en lien vers une autre page du site

   Réponse : A — À fournir une description textuelle de l'image, lue par les lecteurs d'écran et affichée si l'image ne charge pas

   L'attribut alt (pour texte alternatif) décrit le contenu de l'image en mots. Il est essentiel pour l'accessibilité — c'est ce que lit à voix haute un lecteur d'écran pour un internaute aveugle — et il s'affiche aussi quand l'image ne se charge pas. Le chemin du fichier, c'est src ; la taille se règle en CSS ; et rendre une image cliquable demande de l'entourer d'une balise a.

4. Qui a inventé le World Wide Web, et où ?

   • A.Bill Gates, chez Microsoft
   • B.Vinton Cerf, à l'université de Stanford
   • C.Tim Berners-Lee, au CERNBonne réponse
   • D.Steve Jobs, chez Apple

   Réponse : C — Tim Berners-Lee, au CERN

   Tim Berners-Lee a imaginé le Web en 1989-1990 alors qu'il travaillait au CERN, le laboratoire européen de physique des particules. Vinton Cerf est bien un pionnier, mais d'Internet (le protocole TCP/IP), pas du Web : ne confonds pas les deux inventions ni les deux hommes. Gates et Jobs ont marqué l'histoire de l'informatique personnelle, pas celle du Web.

5. À quoi sert le langage HTML ?

   • A.À décrire la structure d'une page : titres, paragraphes, images, liensBonne réponse
   • B.À choisir les couleurs et les polices de la page
   • C.À stocker les mots de passe des utilisateurs
   • D.À calculer le résultat d'un formulaire

   Réponse : A — À décrire la structure d'une page : titres, paragraphes, images, liens

   HTML est un langage de balisage : il dit ce que sont les morceaux du document, sans se soucier de leur apparence. Les couleurs et les polices, c'est le rôle du CSS. Les calculs et les traitements relèvent d'un langage de programmation comme JavaScript côté navigateur, ou d'un programme côté serveur. Et le stockage des mots de passe se fait dans une base de données, jamais dans une page HTML.

6. Que signifie le code de statut HTTP 404 ?

   • A.La page a bien été trouvée et envoyée
   • B.Le serveur est en cours de maintenance
   • C.La connexion n'est pas chiffrée
   • D.La ressource demandée est introuvable sur le serveurBonne réponse

   Réponse : D — La ressource demandée est introuvable sur le serveur

   Le code 404 signifie que le serveur a bien répondu, mais qu'il ne trouve pas la ressource demandée à l'adresse indiquée — souvent une faute de frappe dans l'URL ou une page supprimée. Le succès, c'est le code 200. Retiens la logique des familles : les codes en 400 signalent une erreur venant de la demande, ceux en 500 une erreur venant du serveur lui-même.

7. Dans le modèle client-serveur du Web, qui joue le rôle du client ?

   • A.La machine qui héberge les fichiers du site
   • B.Le navigateur de l'internauteBonne réponse
   • C.Le serveur DNS
   • D.Le fournisseur d'accès à Internet

   Réponse : B — Le navigateur de l'internaute

   Le client est celui qui demande : c'est le navigateur, qui envoie une requête HTTP. Le serveur est celui qui répond, c'est-à-dire la machine qui héberge le site (option 1). Le serveur DNS a un tout autre rôle, celui de l'annuaire, et le fournisseur d'accès se contente d'acheminer les données entre les deux.

8. Quelle balise HTML sert à créer un lien hypertexte ?

   • A.La balise p
   • B.La balise img
   • C.La balise a, avec l'attribut hrefBonne réponse
   • D.La balise h1

   Réponse : C — La balise a, avec l'attribut href

   La balise a (pour anchor, ancre) crée un lien, et son attribut href indique l'adresse de destination ; le texte placé entre les deux balises est ce sur quoi on clique. La balise p délimite un paragraphe, img insère une image et h1 un titre principal. Sans href, la balise a ne mène nulle part.

9. Dans l'URL https://www.exemple.fr/photos/ete.html, quelle partie est le nom de domaine ?

   • A.https
   • B.www.exemple.frBonne réponse
   • C./photos/ete.html
   • D.ete.html

   Réponse : B — www.exemple.fr

   Une URL s'analyse en trois blocs : le protocole (https), le nom de domaine qui désigne le serveur à contacter (www.exemple.fr), et le chemin qui désigne la ressource sur ce serveur (/photos/ete.html). C'est le nom de domaine, et lui seul, que le DNS traduira en adresse IP. Le fichier ete.html n'est que la dernière partie du chemin.

10. Pourquoi place-t-on le CSS dans un fichier séparé plutôt que dans chaque page HTML ?

    • A.Parce que le navigateur refuse d'afficher du CSS écrit dans une page HTML
    • B.Parce que cela permet de programmer des calculs dans la page
    • C.Parce qu'un seul fichier de style s'applique à tout le site : une modification unique change l'apparence de toutes les pagesBonne réponse
    • D.Parce que cela chiffre automatiquement la page

    Réponse : C — Parce qu'un seul fichier de style s'applique à tout le site : une modification unique change l'apparence de toutes les pages

    L'intérêt majeur est la maintenance : si les 300 pages d'un site pointent vers la même feuille de style, changer la couleur des titres partout est une modification d'une seule ligne. Cela garantit aussi la cohérence visuelle du site. Techniquement, du CSS peut être écrit dans une page HTML (l'option 1 est donc fausse), mais c'est une mauvaise pratique. Le CSS ne programme rien et ne chiffre rien.

11. Quelle affirmation sur JavaScript est correcte ?

    • A.C'est un langage de balisage, comme HTML
    • B.C'est une version simplifiée du langage Java
    • C.Il sert uniquement à colorer les pages
    • D.C'est un langage de programmation exécuté par le navigateur, qui rend la page interactiveBonne réponse

    Réponse : D — C'est un langage de programmation exécuté par le navigateur, qui rend la page interactive

    JavaScript est bien un langage de programmation, avec variables, conditions et boucles, et il s'exécute côté client, dans le navigateur : menus déroulants, vérification d'un formulaire, carte que l'on déplace. HTML est un langage de balisage et CSS un langage de style, ni l'un ni l'autre ne programment. Enfin, malgré la ressemblance des noms, JavaScript et Java sont deux langages sans lien de parenté.

12. Un formulaire de connexion demande un mot de passe. Quelle méthode d'envoi faut-il utiliser, et pourquoi ?

    • A.GET, parce que les données apparaissent dans l'URL et sont donc plus faciles à vérifier
    • B.POST, parce que les données voyagent dans le corps de la requête et n'apparaissent pas dans la barre d'adresseBonne réponse
    • C.GET, parce que c'est la seule méthode compatible avec HTTPS
    • D.Peu importe : les deux méthodes sont strictement équivalentes

    Réponse : B — POST, parce que les données voyagent dans le corps de la requête et n'apparaissent pas dans la barre d'adresse

    Avec GET, les données saisies s'inscrivent dans l'URL : elles resteraient visibles dans la barre d'adresse, dans l'historique et dans les journaux du serveur — catastrophique pour un mot de passe. POST place les données dans le corps de la requête, ce qui évite cet affichage. GET reste très utile pour une recherche que l'on veut pouvoir partager par un lien. Les deux méthodes fonctionnent parfaitement en HTTPS.