Questions pratiques pour testez vos connaissances sur le langage HTML à savoir l’utilisation du code HTML, structurer une page web en HTML, organiser les éléments d’une page Web, etc. Testez votre connaissance et travaillez sur les questions que vous trompez le plus souvent.
1. Dans CSS, la propriété qui détermine l’espace entre le bord d’un élément et son contenu est ______
A border
B padding
C margin
D content
B
La propriété ‘padding’ définit l’espace entre le contenu d’un élément (par exemple, du texte) et ses bords. Cela permet de créer un espacement interne à l’élément.
2. Quelle propriété CSS est utilisée pour aligner un texte horizontalement dans un conteneur ?
A text-align
B vertical-align
C align-items
D justify-content
A
La propriété text-align permet d’aligner horizontalement le texte à l’intérieur de son conteneur. Par exemple, text-align: center; aligne le texte au centre du conteneur. Voir un exemple complet.
3. Quelle entité HTML est utilisée pour afficher le caractère « & » (esperluette) ?
L’entité & est utilisée pour afficher le caractère « & » dans le code HTML. Chaque caractère spécial a une entité correspondante, comme < pour le « < » ou > pour le « > ».
4. Quelle propriété CSS est utilisée pour ajouter une ombre à un texte ?
A box-shadow
B text-shadow
C shadow
D text-effect
B
La propriété text-shadow est utilisée pour ajouter une ombre portée à un texte. Elle prend des valeurs comme la couleur, l’offset horizontal et vertical, ainsi que le flou. Voir un exemple complet.
5. Quelle balise HTML est utilisée pour créer une case à cocher dans un formulaire ?
A<input type="checkbox">
B<checkbox>
C<input type="radio">
D<select>
A
La balise <input type="checkbox"> est utilisée pour créer une case à cocher, permettant à l’utilisateur de sélectionner une ou plusieurs options dans un formulaire. Exemple:
6. Quelle propriété CSS est utilisée pour que les éléments d’un conteneur Flexbox s’ajustent automatiquement à la largeur disponible ?
A flex-wrap
B flex-shrink
C flex-grow
D flex-basis
C
La propriété flex-grow permet aux éléments d’un conteneur Flexbox de s’étirer pour occuper l’espace disponible. La valeur 1 (par défaut) permet à l’élément de croître proportionnellement à l’espace libre. Voir un exemple complet.
7. Quel type de lien est utilisé pour se référer à une ressource dans le même dossier que la page web ?
A Lien absolu
B Lien relatif
C Lien de ressource
D Lien interne
B
Un lien relatif fait référence à une ressource en utilisant un chemin par rapport à la position actuelle du document. Par exemple, <a href="page2.html"> pointe vers un fichier page2.html dans le même dossier.
8. Quelle propriété CSS permet de définir la taille des colonnes dans une grille CSS ?
A grid-template-columns
B grid-template-rows
C grid-column
D grid-gap
A
La propriété grid-template-columns permet de définir la taille des colonnes dans un conteneur avec display: grid. Par exemple, grid-template-columns: 1fr 2fr; définit une grille avec deux colonnes dont la seconde est deux fois plus large que la première. Voir un exemple complet.
9. Comment écrire un commentaire en HTML ?
A// Ce commentaire
B<!-- Ce commentaire -->
C/* Ce commentaire */
D<!--# Ce commentaire -->
B
En HTML, un commentaire est écrit entre les balises <!– et –>. Les commentaires ne sont pas affichés dans le navigateur.
10. Quelle balise HTML est utilisée pour inclure un fichier JavaScript externe dans une page ?
A<script>
B<link>
C<style>
D<js>
A
La balise <script> est utilisée pour inclure du JavaScript dans une page. Si le fichier JavaScript est externe, on peut spécifier l’URL avec l’attribut src. Exemple: La balise <script src="script.js"></script> fait référence à un fichier externe appelé script.js.