QCM : Fondamentaux HTML & CSS
HTML
1. Parmi les affirmations suivantes concernant le HTML, laquelle est correcte ?
Le HTML est un langage de programmation utilisé pour créer des interactions dynamiques sur une page web.
Le HTML permet de structurer le contenu d’une page web, mais ne gère pas le style visuel ni le comportement dynamique.
Le HTML est uniquement utilisé pour insérer des images et des liens sur une page web.
Le HTML est un langage de base de données permettant de stocker des informations sur un serveur web.
2. Quelle balise est utilisée pour créer un lien hypertexte en HTML ?
<link>
<a>
<href>
<url>
3. Quelle balise permet d’insérer une image dans une page HTML ?
<img>
<image>
<src>
<pic>
4. Parmi les propositions suivantes, quelle est la structure basique correcte d’une page HTML5 ?
<!DOCTYPE html> <html> <head> <title>Ma page</title> </head> <body> <h1>Bienvenue</h1> </body> </html>
<html> <header> <title>Ma page</title> </header> <body> <h1>Bienvenue</h1> </body> </html>
<!DOCTYPE html> <html> <title>Ma page</title> <body> <h1>Bienvenue</h1> </body> </html>
<html lang="fr"> <head> <title>Ma page</title> </head> <main> <h1>Bienvenue</h1> </main> </html>
5. Quelle balise est utilisée pour créer une liste non ordonnée ?
<ol>
<ul>
<list>
<li>
6. Quel est le rôle principal des attributs en HTML ?
Ils permettent de définir le style visuel des éléments directement dans le code HTML.
Ils fournissent des informations supplémentaires sur les éléments HTML, comme des identifiants, des classes, des sources de fichiers ou des comportements spécifiques.
Ils servent uniquement à ajouter des commentaires dans le code.
Ils permettent d’exécuter des scripts JavaScript directement dans le code HTML.
7. Pourquoi l’accessibilité est-elle un enjeu important dans la rédaction du code HTML ?
Elle permet d’améliorer le référencement naturel (SEO) des pages web.
Elle garantit que le contenu d’une page web soit compréhensible et utilisable par tous, y compris les personnes en situation de handicap.
Elle est uniquement utile pour les développeurs.
Elle permet d’accélérer le temps de chargement des pages web.
8. Quelle balise est utilisée pour définir le titre principal d’une page ?
<head>
<title>
<h1>
<header>
9. Quelle balise est utilisée pour insérer un commentaire en HTML ?
<comment>commentaire</comment>
// commentaire
<!-- commentaire -->
# commentaire
10. Quelle balise est utilisée pour définir une section de navigation ?
<nav>
<section>
<div>
<menu>
CSS
11. Quelle propriété CSS permet de changer la couleur du texte ?
color
text-color
font-color
text-style
12. Quelle propriété CSS permet de masquer un élément sur mobile mais de l’afficher sur desktop ?
@media (min-width: 768px) { .element { display: block; } }
@media (max-width: 767px) { .element { display: none; } }
@media (mobile) { .element { display: none; } }
@media (desktop) { .element { display: block; } }
13. Quelle propriété CSS permet de centrer un élément horizontalement ?
text-align: center;
align: center;
position: center;
margin: auto;
14. Quelle propriété CSS permet de changer la couleur de fond d’un élément ?
background-color
color
bgcolor
background
15. Quelle propriété CSS permet de changer la police d’un texte ?
text-font
font-style
font-family
font-weight
16. Quelle propriété CSS permet d’ajouter une marge intérieure à un élément ?
padding
margin
border
spacing
17. Quelle propriété CSS permet de changer la couleur d’une bordure ?
border
border-color
color-border
border-style
18. Quelle propriété CSS permet de créer une animation qui change la couleur d’un élément sur 2 secondes ?
transition: color 2s;
animate: color 2s;
keyframes: color 2s;
animation: changeColor 2s;
19. Quelle propriété CSS permet de positionner un élément de manière absolue par rapport à son parent positionné ?
position: absolute;
position: relative;
position: fixed;
position: sticky;
20. Quelle propriété CSS permet de définir l’opacité d’un élément à 50% ?
transparency: 50%;
opacity: 0.5;
alpha: 0.5;
visibility: 0.5;
Voir mon score