1 Site Web Statique - Exercices Corrigés
I. QCM
1. Quelle organisation définit les standards Web ?
A Apple Inc.
B IBM Corporation
C World Wide Web Consortium
D Microsoft Corporation
2. HTML est considéré comme ______ ?
A Langage de programmation
B Langage POO
C Langage de haut niveau
D Langage de balisage
3. HTML a été proposé pour la première fois l’année ___.
A 1980
B 1990
C 1995
D 2000
4. Lequel des éléments suivants n’est pas un exemple de navigateur ?
A Mozilla Firefox
B Netscape
C Microsoft Bing
D Opéra
5. Qui est l’auteur principal du HTML ?
A Brendan Eich
B Tim Berners-Lee
C Développeur web
D Google Inc
6. Dans l’exemple de balisage suivant, que désigne href ?
<a href="[Link] est un lien.</a>
A Balise
B Attribut
C Valeur
D Élément
OFPPT- SAID FARIH
2 Site Web Statique - Exercices Corrigés
7. Dans l'exemple de balisage suivant, que désignent les informations placées entre guillemets ?
<a href="[Link] est un lien.</a>
A Balise
B Attribut
C Valeur
D Élément
8. Quelle est la méthode la plus correcte pour insérer une image dans une page web ?
A <img src="images/[Link]" alt="Ma photo" />
B <img src="images/[Link]" title="Ma photo" />
C <img href="images/[Link]" alt="Ma photo" />
D <img src="images/[Link]" />
9. Parmi les éléments suivants, lequel n’est pas considéré comme un balisage sémantique?
A article
B section
C div
D aside
10. Que permet de créer la balise <hr /> ?
A Un saut de page
B Une règle horizontale
C Une césure
D Un en-tête
11. Pour fusionner deux colonnes successives, quel code parmi les lignes suivantes à utiliser ?
A <tr colspan="2">
B <tr rowspan="2">
C <td colspan="2">
D <td merge="2">
12. Pour fusionner deux lignes successives, quel code parmi les lignes suivantes à utiliser ?
A <tr colspan="2">
B <tr rowspan="2">
C <td colspan="2">
D <td merge="2">
13. Dans un tableau HTML, lesquelles des balises ne sont pas obligatoires ?
OFPPT- SAID FARIH
3 Site Web Statique - Exercices Corrigés
A th
B td
C tr
D tbody
E caption
14. Quel attribut permet de spécifier le format de fichiers à joindre dans un formulaire?
A form
B accept
C list
D formnovalidate
15. Quel attribut à utiliser pour introduire une expression régulière pour vérifier un champ d'entrée ?
A pattern
B autofocus
C required
D placeholder
16. On veut vérifier l'exactitude d'un nombre hexadécimal de longueur maximale de quatre positions et
préfixé par le caractère x. Quelle est la proposition correcte ?
A [x-X][0,9a,f]{4}
B [xX][0-9,a-f,A-F]{1-4}
C [xX][0-9a-fA-F]{1,4}
D {xX}[0-9a-fA-F]{4}
17. Quelles sont les lignes de code permettant de vérifier un e-mail de type Gmail ?
A <input type="email" pattern=".*@gmail\.com" />
B <input type="text" pattern=".*@gmail\.com" />
C <input type="email" pattern="[a-zA-Z0-9_.+-]+@gmail\.com" />
D <input type="email" endwith="@[Link]" />
18. Parmi les formats suivants, lequel est le format général de l'élément vidéo ?
A <movie src="file.mp4" width="X" height="Y">
B <movie href="file.mp4" width="X" height="Y">
C <video src="file.mp4" width="X" height="Y">
D <video href="file.mp4" width="X" height="Y">
19. Quel attribut utiliser pour ouvrir une page dans une nouvelle fenêtre ?
OFPPT- SAID FARIH
4 Site Web Statique - Exercices Corrigés
A target="new()"
B target="_blank"
C target="page_blank"
D target="[Link]"
20. Dans un formulaire, quelle méthode transfère les données en les affichant avec l'URL?
A ADD-TO-URL
B GET
C POST
D SEND
OFPPT- SAID FARIH
5 Site Web Statique - Exercices Corrigés
1. Que veut dire HTML ?
A L'HyperText Make Language
B L'HyperText Markup Language
C L'HyperText Make Link
D L'HyperText Markup Link
2. Langages de programmation : Lequel de ces langages de programmation n'existe pas ?
A HTM
B Python
C Script
D C++
3. Le rôle du HTML est de...
A Mettre en forme du texte
B Ordonner du contenu
C Créer des sites e-commerce
4. Pour définir un titre DANS une page HTML, on utilise...
A L'élément title
B L'élément head
C Un élément h1, h2, ... h6
5. Pour créer un lien vers la page d'accueil de Wikipédia, on écrira...
A <a target="[Link]
B <a href="[Link]
C <a href="[Link]
6. Lorsque vous utilisez l'élément a, vous devez obligatoirement préciser...
A Un attribut target
B Un attribut href
C Deux attributs href et target
7. Laquelle de ces syntaxes est correcte pour écrire un commentaire en HTML ?
A <!--Commentaire-->
B <--Commentaire-->
C <!--Commentaire--!>
8. Pour indiquer qu'un contenu est très important, on utilise l'élément...
A Strong
B Em
C Mark
OFPPT- SAID FARIH
6 Site Web Statique - Exercices Corrigés
9. Quels éléments sont nécessaires pour créer une liste non-ordonnée ?
A ul et li
B ol et li
C ul et ol
10. Laquelle de ces syntaxes est correcte ?
A <img>src="[Link]" alt="Une image"</img>
B <img src="[Link]" alt="Une image">
C <img href="[Link]" alt="Une image">
11. A quoi sert l'attribut alt de l'élément img ?
A A donner une description de l'image si celle-ci ne peut pas s'afficher
B A donner un lien alternatif vers l'image si le premier est cassé
C A afficher une deuxième image si la première ne peut pas s'afficher
12. Pourquoi doit-on toujours essayer d'avoir un code HTML valide ?
A Pour minimiser le nombre de bugs potentiels
B Pour optimiser son référencement
C Pour éviter des problèmes d'affichage futurs
13. L'hypertexte désigne :
A Un texte mis en valeur (en gras et souvent en bleu)
B Un système de liens permettant de relier différentes informations dans un même document ou entre des
documents différents sur le Web.
C Un texte qui est vraiment très intéressant.
14. À quoi sert HTML ?
A À mettre en forme des pages web
B À structurer du contenu dans une page web
C À créer des pages dynamiques
D À concurrencer Google et Facebook
15. Qu'est-ce qu'un navigateur web ?
A Un logiciel capable d'interpréter et d'afficher du code HTML
B Un outil permettant d'accéder à Internet
C Un réseau social global
D Une interface pour lire et recevoir des e-mails
16. Comment représenter un paragraphe en HTML ?
A <ul>
B <p>
C <h1>
OFPPT- SAID FARIH
7 Site Web Statique - Exercices Corrigés
D <div>
17. Comment représenter une liste en HTML ?
A <ul>
B <li>
C <h1>
D <div>
18. Quel attribut permet d'indiquer la destination d'un lien ?
A class
B href
C src
D link
19. Quel attribut peut être utilisé avec la balise <table> pour donner une bordure à votre tableau ?
A line
B border
C margin-left border
D Toutes les réponses sont vraies
20. Quel élément a des propriétés très similaires à l’élément DIV?
A l’élément strong
B l’élément span
C l’élément table
D Toutes les réponses sont vraies
21. Quelle est l’alternative de la balise <b>, pour rendre le texte en gras?
A <bold>
B <strong>
C <i>
D <emp>
22. Les pages Web HTML peuvent être lues et rendues par le _________.
A Compilateur
B Serveur
C Navigateur Web
D Interpréteur
23. Lequel des éléments suivants n’est pas un attribut de la balise <form>
OFPPT- SAID FARIH
8 Site Web Statique - Exercices Corrigés
A Action
B Method
C name
D url
24. Choisissez la balise HTML correcte pour rendre un texte en italique
A <italic>
B <it>
C <il>
D <i>
25. Quelle balise est utilisée pour créer une checkbox en HTML?
A <checkbox>
B <input type = "checkbox">
C <check>
D <input type = "checkbox">
26. Comment créer un lien vers un email?
A <a href="[Link]
B <a href="xxx@yyy">
C Mail>xxx@yyy
D Mail href="xxx@yyy"
27. En HTML5 on spécifie _______ pour que le navigateur affiche la page en mode standard.
A DOCTYPE
B HEAD
C BODY
D TITLE
28. Une liste ordonnée peut être représentée par ______.
A <ol>
B <ul>
C <li>
D <el>
29. Lequel des attributs est obligatoire dans la balise <img>?
A src
B href
OFPPT- SAID FARIH
9 Site Web Statique - Exercices Corrigés
C id
D alt
30. PNG signifie :
A Portable Network Graphic
B Pivot Network Graphic
C Pichart Network Graphic
D Pythagorus Network Graphic
31. GIF signifie :
A Graph Interchange Format
B Graphics Interlinked Format
C Graphics Interchange Format
D Aucune de ces réponses n’est vraie
32. Quelle balise utilisera-t-on de préférence pour le titre principal d'une page html:
A <h1>
B <head>
C <heading>
D <h6>
33. En HTML5, la balise <header> a le même rôle que la balise <head> ?
A Vrai
B Faux
34. Quel est le doctype d'un document HTML5 ?
A <!doctype html5>
B <!doctype html>
C <!doctype html PUBLIC "-//W3C//DTD HTML5.0 Strict//EN">
35. Pour créer un lien vers la page d'accueil de Wikipédia, on écrira...
A <a target="[Link]
B <a href="[Link]
C <a href="[Link]
36. Quels éléments sont nécessaires pour créer une liste dont les items ne sont pas numérotés ?
A ul et li
B ol et li
C ul et ol
OFPPT- SAID FARIH
10 Site Web Statique - Exercices Corrigés
37. Laquelle de ces syntaxes est correcte pour embarquer une image dans la page html ?
A <img>src="[Link]" alt="Une image"</img>
B <img src="[Link]" alt="Une image">
C <img href="[Link]" alt="Une image">
38. Le rôle du CSS est de :
A Mettre en forme les éléments html d'une page.
B Définir des formulaires.
C Créer des sites e-commerce.
OFPPT- SAID FARIH
11 Site Web Statique - Exercices Corrigés
OFPPT- SAID FARIH