Corrigé Exercice de HTML CSS
HTML
A- Le rôle du HTML est de...
1. Mettre en forme du texte
2. Ordonner du contenu
3. Créer des sites e-commerce
Réponse 2. Le HTML est un langage de balisage. Son rôle est de donner du sens et de
structurer du contenu, afin d'indiquer à un navigateur comment celui-ci doit afficher la page.
B- Pour définir un titre DANS une page HTML, on utilise...
1. L'élément title
2. L'élément head
3. Un élément h1, h2, ... h6
Réponse 3. Pour définir un titre dans une page HTML, on utilise un élément de type "h".
L'élément title est utilisé pour définir le titre DE la page (qui s'affichera dans la barre haute du
navigateur).
C- Pour créer un lien vers la page d'accueil de Wikipédia, on écrira...
1. <a target="[Link]
2. <a href="[Link]
3. <a href="[Link]
Réponse 3. L'élément a est constitué d'une paire de balises (balises ouvrante et fermante) ainsi
que d'un contenu cliquable. Cet élément doit obligatoirement être accompagné de son attribut
href.
D- Lorsque vous utilisez l'élément a, vous devez obligatoirement préciser...
1. Un attribut target
2. Un attribut href
3. Deux attributs href et target
Réponse 2. Seul l'attribut href est nécessaire au bon fonctionnement de l'élément a.
E- Laquelle de ces syntaxes est correcte pour écrire un commentaire en HTML ?
1. <!--Commentaire-->
2. <--Commentaire-->
3. <!--Commentaire--!>
Réponse 1. Un commentaire en HTML va s'écrire de cette manière : <!--Commentaire-->.
Rappelez-vous qu'on utilise un point d'exclamation seulement au début de la balise.
F- Pour indiquer qu'un contenu est très important, on utilise l'élément...
1. Strong
2. Em
3. Mark
Réponse 1. Nous allons utiliser l'élément HTML strong pour marquer un contenu comme
étant très important. L'élément em sert à indiquer qu'un contenu est "plutôt important".
G- Quels éléments sont nécessaires pour créer une liste non-ordonnée ?
1. ul et li
2. ol et li
3. ul et ol
Réponse 1. Pour créer une liste non-ordonnée, on utilise les éléments ul et li. "ul" est
l'abréviation de "unordered list", c'est-à-dire "liste non ordonnée" en français. "li" signifie "list
item", ou "élément de liste".
H- Laquelle de ces syntaxes est correcte ?
1. <img>src="[Link]" alt="Une image"</img>
2. <img src="[Link]" alt="Une image">
3. <img href="[Link]" alt="Une image">
Réponse 2. L'élément img est représenté par une unique balise orpheline et doit être
obligatoirement accompagné de ses deux attributs src et alt.
I- A quoi sert l'attribut alt de l'élément img ?
1. A donner une description de l'image si celle-ci ne peut pas s'afficher
2. A donner un lien alternatif vers l'image si le premier est cassé
3. A afficher une deuxième image si la première ne peut pas s'afficher
Réponse 1. L'attribut alt sert à décrire l'image. Cela est essentiel dans le cas où l'image ne
pourrait pas être affichée ainsi que pour les personnes mal voyantes ou non voyantes.
J- Pourquoi doit-on toujours essayer d'avoir un code HTML valide ?
1. Pour minimiser le nombre de bugs potentiels
2. Pour optimiser son référencement
3. Pour éviter des problèmes d'affichage futurs
Réponses 1, 2 et 3 !
CSS
Question n°1 :
Le rôle du CSS est de...
1. Mettre en forme du texte
2. Ordonner du contenu
3. Créer des sites e-commerce
Réponse 1. Le CSS sert à mettre en forme du contenu, en y ajoutant des "styles".
Question n°2 :
Quel est l'emplacement recommandé pour le CSS ?
1. Dans un élément HTML style
2. Dans un attribut HTML style
3. Dans un fichier ".css" séparé
Réponse 3. Il est recommandé, pour des raisons de clarté et de maintenabilité du code, d'écrire
le code CSS dans un fichier séparé.
Question n°3 :
Qu'est-ce que "color" en CSS ?
1. Un sélecteur
2. Une propriété
3. Une déclaration
Réponse 2. "color" est ce qu'on appelle une propriété CSS. Une propriété CSS sert à modifier
un style en particulier de nos éléments HTML.
Question n°4 :
Comment sélectionne-t-on le div class="div1" en CSS ?
1. Avec le sélecteur "div1"
2. Avec le sélecteur "#div1"
3. Avec le sélecteur ".div1"
Réponse 3. On peut sélectionner un élément possédant un attribut class en CSS en précisant la
valeur de l'attribut précédée d'un point.
Question n°5 :
Laquelle de ces propositions est exacte ?
1. On doit donner une valeur unique à un attribut id mais pas à des attributs class
2. On doit donner une valeur unique à un attribut class mais pas à des attributs id
3. On doit donner une valeur unique à chaque attribut class et id dans une page
Réponse 1. On peut tout à fait attribuer plusieurs attributs class avec la même valeur à
plusieurs éléments HTML. En revanche, c'est interdit avec l'attribut id.
Question n°6 :
Un élément de type block...
1. Occupe toute la largeur disponible dans la page
2. N'occupe que la largeur nécessaire à son contenu
3. Occupe toute la largeur disponible dans son élément parent
Réponse 3. Un élément de type block va par défaut occuper toute la largeur qui lui est
disponible, c'est à dire la largeur correspondant à son élément parent.
Question n°7 :
Quelle est la différence majeure entre les éléments div et span ?
1. L'élément span est de type block, l'élément div est de type inline
2. L'élément div est de type block, l'élément span est de type inline
3. L'élément div sert de conteneur, au contraire de l'élément span
Réponse 2. Les éléments div et span peuvent tous les deux servir de conteneurs pour des
contenus différents. Cela est dû au fait que div est un élément block et span est un élément
inline.