Lycée · 2ⁿᵈᵉ · Sciences numériques et technologie (SNT)

Langages HTML et CSS

Créer et mettre en forme des pages web — thème « Le Web » (programme SNT 2nde)

À propos de cette page

Ce QCM sur « Langages HTML et CSS » en seconde teste tes connaissances en sciences numériques et technologie (snt) de manière interactive. Les questions, classées par niveau (facile, moyen, difficile), respectent le programme officiel de seconde. Au programme : Qu'est-ce que le HTML ?, Structure d'une page HTML, Les principales balises HTML, Les hyperliens et les images. À chaque réponse, une explication détaillée t'aide à comprendre tes erreurs et à mémoriser l'essentiel. Idéal pour s'auto-évaluer rapidement, réviser avant un contrôle ou consolider ses acquis. Quiz gratuit conçu par un professeur particulier à Marseille pour progresser en sciences numériques et technologie (snt) en seconde.

Choisis ton niveau. Questions et réponses mélangées à chaque partie. Bonne chance !

Les 36 questions du QCM en version texte

Pour réviser sans écran ou imprimer : chaque question avec ses propositions ; la bonne réponse et son explication se déplient.

Niveau facile — 12 questions

Que signifie l'acronyme HTML ?
- A. HyperText Markup Language
- B. HyperText Machine Language
- C. High Text Markup Language
- D. HyperText Modern Layout
Réponse
A. HyperText Markup Language — HTML = HyperText Markup Language, langage de balisage hypertexte.
Quelle balise crée un titre de niveau 1 en HTML ?
- A. </li><li>B. <h1></li><li>C. <head></li><li>D. </li></ul><details class="a"><summary>Réponse</summary>B. <h1> — <h1> crée le titre principal (niveau 1). <title> est le titre de l'onglet.</details></li><li>Où se trouve le contenu visible d'une page HTML ?<ul class="o"><li>A. Dans <head></li><li>B. Dans <title></li><li>C. Dans <body></li><li>D. Dans <html></li></ul><details class="a"><summary>Réponse</summary>C. Dans <body> — Tout le contenu affiché à l'écran est dans la balise <body>.</details></li><li>Quel attribut de la balise <a> contient l'adresse du lien ?<ul class="o"><li>A. src</li><li>B. href</li><li>C. link</li><li>D. url</li></ul><details class="a"><summary>Réponse</summary>B. href — L'attribut href (HyperText REFerence) contient l'URL de destination.</details></li><li>Que signifie CSS ?<ul class="o"><li>A. Cascading Style Sheets</li><li>B. Computer Style Sheets</li><li>C. Colorful Style Sheets</li><li>D. Creative Style Syntax</li></ul><details class="a"><summary>Réponse</summary>A. Cascading Style Sheets — CSS = Cascading Style Sheets, feuilles de style en cascade.</details></li><li>Quelle propriété CSS change la couleur du texte ?<ul class="o"><li>A. background-color</li><li>B. text-color</li><li>C. color</li><li>D. font-color</li></ul><details class="a"><summary>Réponse</summary>C. color — La propriété color définit la couleur du texte.</details></li><li>Quelle balise HTML permet d'insérer une image ?<ul class="o"><li>A. <image></li><li>B. <picture></li><li>C. <photo></li><li>D. <img></li></ul><details class="a"><summary>Réponse</summary>D. <img> — La balise <img> avec l'attribut src insère une image.</details></li><li>Quelle balise crée une liste à puces ?<ul class="o"><li>A. <ol></li><li>B. <ul></li><li>C. <li></li><li>D. <list></li></ul><details class="a"><summary>Réponse</summary>B. <ul> — <ul> (unordered list) crée une liste non ordonnée (à puces).</details></li><li>Où doit-on placer la balise <link> pour lier un CSS externe ?<ul class="o"><li>A. Dans <body></li><li>B. Dans <footer></li><li>C. Dans <head></li><li>D. Dans <html></li></ul><details class="a"><summary>Réponse</summary>C. Dans <head> — La balise <link rel="stylesheet"> doit être dans le <head>.</details></li><li>Quel symbole précède le nom d'une classe en CSS ?<ul class="o"><li>A. #</li><li>B. .</li><li>C. @</li><li>D. !</li></ul><details class="a"><summary>Réponse</summary>B. . — Le point (.) précède le nom d'une classe : .maClasse { }</details></li><li>Quelle est la première ligne obligatoire d'un document HTML5 ?<ul class="o"><li>A. <html></li><li>B. <head></li><li>C. <!DOCTYPE html></li><li>D. <meta charset></li></ul><details class="a"><summary>Réponse</summary>C. <!DOCTYPE html> — <!DOCTYPE html> déclare que le document utilise HTML5.</details></li><li>La balise <img> est une balise :<ul class="o"><li>A. Orpheline (sans fermeture)</li><li>B. Avec balise fermante obligatoire</li><li>C. De structure</li><li>D. De métadonnée</li></ul><details class="a"><summary>Réponse</summary>A. Orpheline (sans fermeture) — <img> est une balise orpheline : on écrit <img src="…" alt="…"> sans </img>.</details></li></ol></details> <details class="qcm-lv"><summary>Niveau moyen — 12 questions</summary><ol><li>Quelle propriété CSS définit la couleur de fond d'un élément ?<ul class="o"><li>A. color</li><li>B. background-color</li><li>C. fill</li><li>D. bg-color</li></ul><details class="a"><summary>Réponse</summary>B. background-color — background-color définit la couleur de fond. color définit la couleur du texte.</details></li><li>Dans le modèle boîte CSS, dans quel ordre se trouvent les couches de l'intérieur vers l'extérieur ?<ul class="o"><li>A. Content, border, padding, margin</li><li>B. Content, padding, border, margin</li><li>C. Margin, border, padding, content</li><li>D. Padding, content, border, margin</li></ul><details class="a"><summary>Réponse</summary>B. Content, padding, border, margin — De l'intérieur : contenu → padding → border → margin.</details></li><li>Quelle règle CSS centre horizontalement un bloc de largeur fixe ?<ul class="o"><li>A. text-align: center</li><li>B. margin: 0 auto</li><li>C. padding: auto</li><li>D. align: center</li></ul><details class="a"><summary>Réponse</summary>B. margin: 0 auto — margin: 0 auto avec une width fixe centre un bloc horizontalement.</details></li><li>Quel sélecteur CSS cible uniquement les éléments ayant l'attribut id="logo" ?<ul class="o"><li>A. .logo</li><li>B. #logo</li><li>C. logo</li><li>D. *logo</li></ul><details class="a"><summary>Réponse</summary>B. #logo — Le sélecteur #logo cible l'élément ayant id="logo".</details></li><li>Que fait <code>target="_blank"</code> dans une balise <a> ?<ul class="o"><li>A. Ouvre le lien dans la même page</li><li>B. Ouvre le lien dans un nouvel onglet</li><li>C. Interdit l'ouverture du lien</li><li>D. Ajoute une animation</li></ul><details class="a"><summary>Réponse</summary>B. Ouvre le lien dans un nouvel onglet — target="_blank" ouvre le lien dans un nouvel onglet ou une nouvelle fenêtre.</details></li><li>Quelle propriété CSS modifie la taille de la police ?<ul class="o"><li>A. text-size</li><li>B. font-size</li><li>C. letter-size</li><li>D. size</li></ul><details class="a"><summary>Réponse</summary>B. font-size — font-size définit la taille de la police (ex : font-size: 16px;).</details></li><li>Une URL relative comme <code>../images/logo.png</code> est :<ul class="o"><li>A. L'adresse complète d'une ressource sur Internet</li><li>B. Un chemin exprimé par rapport à la position du fichier courant</li><li>C. Un identifiant de balise HTML</li><li>D. Un sélecteur CSS</li></ul><details class="a"><summary>Réponse</summary>B. Un chemin exprimé par rapport à la position du fichier courant — ../images/logo.png remonte d'un dossier puis entre dans images/ — c'est une URL relative.</details></li><li>Quelle balise HTML crée une liste ordonnée (numérotée) ?<ul class="o"><li>A. <ul></li><li>B. <list></li><li>C. <ol></li><li>D. <dl></li></ul><details class="a"><summary>Réponse</summary>C. <ol> — <ol> (ordered list) crée une liste numérotée.</details></li><li>Quel attribut de la balise <img> est indispensable pour l'accessibilité ?<ul class="o"><li>A. src</li><li>B. width</li><li>C. alt</li><li>D. title</li></ul><details class="a"><summary>Réponse</summary>C. alt — L'attribut alt fournit un texte alternatif lu par les lecteurs d'écran.</details></li><li>Quelle propriété CSS gère l'épaisseur et la couleur du contour d'un élément ?<ul class="o"><li>A. outline</li><li>B. border</li><li>C. frame</li><li>D. stroke</li></ul><details class="a"><summary>Réponse</summary>B. border — La propriété border définit la bordure : épaisseur, style et couleur.</details></li><li>Le sélecteur CSS universel est :<ul class="o"><li>A. all</li><li>B. *</li><li>C. §</li><li>D. !</li></ul><details class="a"><summary>Réponse</summary>B. * — Le sélecteur * cible tous les éléments HTML de la page.</details></li><li>Quelle est la bonne syntaxe pour un commentaire en CSS ?<ul class="o"><li>A. // commentaire</li><li>B. </li><li>C. /* commentaire */</li><li>D. # commentaire</li></ul><details class="a"><summary>Réponse</summary>C. /* commentaire */ — En CSS, les commentaires s'écrivent entre /* et */. Les // sont du JavaScript.</details></li></ol></details> <details class="qcm-lv"><summary>Niveau difficile — 12 questions</summary><ol><li>Un élément a : width:200px; padding:15px; border:5px solid; margin:10px. Quelle est sa largeur totale (sans marges) ?<ul class="o"><li>A. 200px</li><li>B. 230px</li><li>C. 240px</li><li>D. 250px</li></ul><details class="a"><summary>Réponse</summary>C. 240px — Largeur = 200 + 2×15 + 2×5 = 240 px (padding et border des deux côtés).</details></li><li>En HTML5, quelle différence y a-t-il entre et ?<ul class="o"><li>A. Aucune, ils font la même chose</li><li>B. a une signification sémantique (importance), est purement visuel</li><li>C. est plus récent que </li><li>D. n'est plus valide en HTML5</li></ul><details class="a"><summary>Réponse</summary>B. a une signification sémantique (importance), est purement visuel — indique une importance sémantique, est une mise en gras visuelle sans sens particulier.</details></li><li>Quel sélecteur CSS cible uniquement les ayant la classe highlight ?<ul class="o"><li>A. p #highlight</li><li>B. p > .highlight</li><li>C. p.highlight</li><li>D. #p.highlight</li></ul><details class="a"><summary>Réponse</summary>C. p.highlight — p.highlight (sans espace) cible les éléments portant la classe highlight.</details></li><li>Pourquoi utiliser un fichier CSS externe plutôt que du CSS inline ?<ul class="o"><li>A. Le CSS inline est invalide en HTML5</li><li>B. Un fichier CSS externe est partagé entre pages, facilitant la maintenance</li><li>C. Le CSS externe est plus rapide à charger</li><li>D. Le CSS inline ne supporte pas les couleurs</li></ul><details class="a"><summary>Réponse</summary>B. Un fichier CSS externe est partagé entre pages, facilitant la maintenance — Un fichier CSS externe est lié à toutes les pages du site ; une seule modification suffit à mettre à jour l'apparence partout.</details></li><li>Que se passe-t-il si deux règles CSS ciblent le même élément avec des valeurs différentes pour une même propriété ?<ul class="o"><li>A. Le navigateur applique la première règle trouvée</li><li>B. Le navigateur applique la règle la plus spécifique (ou la dernière si même spécificité)</li><li>C. Une erreur est générée</li><li>D. Les deux valeurs sont combinées</li></ul><details class="a"><summary>Réponse</summary>B. Le navigateur applique la règle la plus spécifique (ou la dernière si même spécificité) — Le CSS applique la règle la plus spécifique. À spécificité égale, la dernière déclaration dans le fichier gagne (cascade).</details></li><li>Quelle valeur de <code>font-size</code> est relative à la taille de police de l'élément parent ?<ul class="o"><li>A. px</li><li>B. pt</li><li>C. em</li><li>D. %</li></ul><details class="a"><summary>Réponse</summary>C. em — L'unité em est relative : 1em = taille de police héritée du parent. Le px est absolu.</details></li><li>Laquelle de ces déclarations CSS est correcte ?<ul class="o"><li>A. color = blue;</li><li>B. color: blue</li><li>C. color: blue;</li><li>D. color blue;</li></ul><details class="a"><summary>Réponse</summary>C. color: blue; — La syntaxe correcte est propriété: valeur; avec un deux-points et un point-virgule.</details></li><li>Quelle balise HTML5 est sémantiquement appropriée pour la navigation principale d'un site ?<ul class="o"><li>A. <div id='nav'></li><li>B. <navigation></li><li>C. <nav></li><li>D. <menu></li></ul><details class="a"><summary>Réponse</summary>C. <nav> — <nav> est la balise sémantique HTML5 pour définir une zone de navigation principale.</details></li><li>Que signifie la propriété CSS <code>margin: 10px 20px;</code> ?<ul class="o"><li>A. 10px en haut/bas, 20px à gauche/droite</li><li>B. 10px partout sauf 20px à gauche</li><li>C. 20px en haut/bas, 10px à gauche/droite</li><li>D. 10px à gauche, 20px à droite</li></ul><details class="a"><summary>Réponse</summary>A. 10px en haut/bas, 20px à gauche/droite — Avec 2 valeurs, margin: haut/bas gauche/droite. Donc 10px haut et bas, 20px gauche et droite.</details></li><li>Quel encodage faut-il déclarer dans <meta charset> pour afficher correctement les accents français ?<ul class="o"><li>A. ASCII</li><li>B. ISO-8859-1</li><li>C. UTF-16</li><li>D. UTF-8</li></ul><details class="a"><summary>Réponse</summary>D. UTF-8 — UTF-8 est l'encodage universel qui supporte tous les caractères, y compris les accents français.</details></li><li>En CSS, quelle propriété permet de contrôler l'espace interne entre le contenu et la bordure ?<ul class="o"><li>A. margin</li><li>B. border-spacing</li><li>C. padding</li><li>D. inner-space</li></ul><details class="a"><summary>Réponse</summary>C. padding — Le padding est l'espace interne entre le contenu et la bordure (à ne pas confondre avec margin, l'espace externe).</details></li><li>Quelle est la différence entre une balise <div> et une balise ?<ul class="o"><li>A. <div> est un élément de liste, un élément de bloc</li><li>B. <div> est un bloc (saute à la ligne), est inline (dans le flux du texte)</li><li>C. crée un nouveau bloc, <div> reste en ligne</li><li>D. Elles sont identiques mais est plus récent</li></ul><details class="a"><summary>Réponse</summary>B. <div> est un bloc (saute à la ligne), est inline (dans le flux du texte) — <div> est un élément de bloc (commence sur une nouvelle ligne), est un élément inline (reste dans le flux du texte).</details></li></ol></details> </section> <nav class="go-next"> Autres chapitres <div class="nxt-row"> <a class="nxt" href="/2nde/snt/le-web/cours">← Le Web</a> <a class="nxt" href="/2nde/snt/reseaux-sociaux/cours">Réseaux sociaux →</a> </div> </nav> <div class="cta-band"> <div class="cta-h">Bloqué sur ce chapitre ?</div> Cours particuliers de sciences numériques et technologie (snt) à Marseille, en présentiel ou à distance — un prof qui s'adapte à ton rythme et reprend ce qui coince. <div class="cta-btns"> <a class="cta-p" href="/contact">Réserver un 1er cours →</a> <a class="cta-s" href="/tarifs">Voir les tarifs</a> </div> <a href="/soutien-scolaire-marseille">Soutien scolaire à Marseille</a> · <a href="/cours-particuliers-lycee-marseille">Cours particuliers au lycée</a> · <a href="/aide-aux-devoirs-marseille">Aide aux devoirs</a> </div> <footer class="ft"> benprofparticulier.fr — Soutien scolaire à Marseille (7e · 8e · 9e) · Services à la Personne déclaré N° SAP880950407 — crédit d'impôt 50% QCM de sciences numériques et technologie (snt) 2ⁿᵈᵉ · Langages HTML et CSS · <a href="/contact">Besoin d'aide ? Me contacter →</a> </footer> </div> </main> <script> (function(){ var h=document.querySelector('header.top .burger'); if(h) h.addEventListener('click',function(){ var o=document.documentElement.classList.toggle('nav-open'); h.setAttribute('aria-expanded',o?'true':'false'); }); // au doigt, un menu s'ouvre au premier appui au lieu de suivre le lien if(window.matchMedia && window.matchMedia('(hover:none)').matches){ [].forEach.call(document.querySelectorAll('.nv-item.has-menu > a'),function(a){ a.addEventListener('click',function(e){ var it=a.parentNode; if(!it.classList.contains('open')){ e.preventDefault(); [].forEach.call(document.querySelectorAll('.nv-item.open'),function(o){o.classList.remove('open');}); it.classList.add('open'); } }); }); } })(); </script> <script>var BANK={"facile": [{"q": "Que signifie l'acronyme HTML ?","o": ["HyperText Markup Language","HyperText Machine Language","High Text Markup Language","HyperText Modern Layout"],"a": 0,"e": "HTML = HyperText Markup Language, langage de balisage hypertexte."},{"q": "Quelle balise crée un titre de niveau 1 en HTML ?","o": ["<title>","<h1>","<head>",""],"a": 1,"e": "<h1> crée le titre principal (niveau 1). <title> est le titre de l'onglet."},{"q": "Où se trouve le contenu visible d'une page HTML ?","o": ["Dans <head>","Dans <title>","Dans <body>","Dans <html>"],"a": 2,"e": "Tout le contenu affiché à l'écran est dans la balise <body>."},{"q": "Quel attribut de la balise <a> contient l'adresse du lien ?","o": ["src","href","link","url"],"a": 1,"e": "L'attribut href (HyperText REFerence) contient l'URL de destination."},{"q": "Que signifie CSS ?","o": ["Cascading Style Sheets","Computer Style Sheets","Colorful Style Sheets","Creative Style Syntax"],"a": 0,"e": "CSS = Cascading Style Sheets, feuilles de style en cascade."},{"q": "Quelle propriété CSS change la couleur du texte ?","o": ["background-color","text-color","color","font-color"],"a": 2,"e": "La propriété color définit la couleur du texte."},{"q": "Quelle balise HTML permet d'insérer une image ?","o": ["<image>","<picture>","<photo>","<img>"],"a": 3,"e": "La balise <img> avec l'attribut src insère une image."},{"q": "Quelle balise crée une liste à puces ?","o": ["<ol>","<ul>","<li>","<list>"],"a": 1,"e": "<ul> (unordered list) crée une liste non ordonnée (à puces)."},{"q": "Où doit-on placer la balise <link> pour lier un CSS externe ?","o": ["Dans <body>","Dans <footer>","Dans <head>","Dans <html>"],"a": 2,"e": "La balise <link rel=\"stylesheet\"> doit être dans le <head>."},{"q": "Quel symbole précède le nom d'une classe en CSS ?","o": ["#",".","@","!"],"a": 1,"e": "Le point (.) précède le nom d'une classe : .maClasse { }"},{"q": "Quelle est la première ligne obligatoire d'un document HTML5 ?","o": ["<html>","<head>","<!DOCTYPE html>","<meta charset>"],"a": 2,"e": "<!DOCTYPE html> déclare que le document utilise HTML5."},{"q": "La balise <img> est une balise :","o": ["Orpheline (sans fermeture)","Avec balise fermante obligatoire","De structure","De métadonnée"],"a": 0,"e": "<img> est une balise orpheline : on écrit <img src=\"…\" alt=\"…\"> sans </img>."}],"moyen": [{"q": "Quelle propriété CSS définit la couleur de fond d'un élément ?","o": ["color","background-color","fill","bg-color"],"a": 1,"e": "background-color définit la couleur de fond. color définit la couleur du texte."},{"q": "Dans le modèle boîte CSS, dans quel ordre se trouvent les couches de l'intérieur vers l'extérieur ?","o": ["Content, border, padding, margin","Content, padding, border, margin","Margin, border, padding, content","Padding, content, border, margin"],"a": 1,"e": "De l'intérieur : contenu → padding → border → margin."},{"q": "Quelle règle CSS centre horizontalement un bloc de largeur fixe ?","o": ["text-align: center","margin: 0 auto","padding: auto","align: center"],"a": 1,"e": "margin: 0 auto avec une width fixe centre un bloc horizontalement."},{"q": "Quel sélecteur CSS cible uniquement les éléments ayant l'attribut id=\"logo\" ?","o": [".logo","#logo","logo","*logo"],"a": 1,"e": "Le sélecteur #logo cible l'élément ayant id=\"logo\"."},{"q": "Que fait <code>target=\"_blank\"</code> dans une balise <a> ?","o": ["Ouvre le lien dans la même page","Ouvre le lien dans un nouvel onglet","Interdit l'ouverture du lien","Ajoute une animation"],"a": 1,"e": "target=\"_blank\" ouvre le lien dans un nouvel onglet ou une nouvelle fenêtre."},{"q": "Quelle propriété CSS modifie la taille de la police ?","o": ["text-size","font-size","letter-size","size"],"a": 1,"e": "font-size définit la taille de la police (ex : font-size: 16px;)."},{"q": "Une URL relative comme <code>../images/logo.png</code> est :","o": ["L'adresse complète d'une ressource sur Internet","Un chemin exprimé par rapport à la position du fichier courant","Un identifiant de balise HTML","Un sélecteur CSS"],"a": 1,"e": "../images/logo.png remonte d'un dossier puis entre dans images/ — c'est une URL relative."},{"q": "Quelle balise HTML crée une liste ordonnée (numérotée) ?","o": ["<ul>","<list>","<ol>","<dl>"],"a": 2,"e": "<ol> (ordered list) crée une liste numérotée."},{"q": "Quel attribut de la balise <img> est indispensable pour l'accessibilité ?","o": ["src","width","alt","title"],"a": 2,"e": "L'attribut alt fournit un texte alternatif lu par les lecteurs d'écran."},{"q": "Quelle propriété CSS gère l'épaisseur et la couleur du contour d'un élément ?","o": ["outline","border","frame","stroke"],"a": 1,"e": "La propriété border définit la bordure : épaisseur, style et couleur."},{"q": "Le sélecteur CSS universel est :","o": ["all","*","§","!"],"a": 1,"e": "Le sélecteur * cible tous les éléments HTML de la page."},{"q": "Quelle est la bonne syntaxe pour un commentaire en CSS ?","o": ["// commentaire","","/* commentaire */","# commentaire"],"a": 2,"e": "En CSS, les commentaires s'écrivent entre /* et */. Les // sont du JavaScript."}],"difficile": [{"q": "Un élément a : width:200px; padding:15px; border:5px solid; margin:10px. Quelle est sa largeur totale (sans marges) ?","o": ["200px","230px","240px","250px"],"a": 2,"e": "Largeur = 200 + 2×15 + 2×5 = 240 px (padding et border des deux côtés)."},{"q": "En HTML5, quelle différence y a-t-il entre et ?","o": ["Aucune, ils font la même chose"," a une signification sémantique (importance), est purement visuel"," est plus récent que "," n'est plus valide en HTML5"],"a": 1,"e": " indique une importance sémantique, est une mise en gras visuelle sans sens particulier."},{"q": "Quel sélecteur CSS cible uniquement les ayant la classe highlight ?","o": ["p #highlight","p > .highlight","p.highlight","#p.highlight"],"a": 2,"e": "p.highlight (sans espace) cible les éléments portant la classe highlight."},{"q": "Pourquoi utiliser un fichier CSS externe plutôt que du CSS inline ?","o": ["Le CSS inline est invalide en HTML5","Un fichier CSS externe est partagé entre pages, facilitant la maintenance","Le CSS externe est plus rapide à charger","Le CSS inline ne supporte pas les couleurs"],"a": 1,"e": "Un fichier CSS externe est lié à toutes les pages du site ; une seule modification suffit à mettre à jour l'apparence partout."},{"q": "Que se passe-t-il si deux règles CSS ciblent le même élément avec des valeurs différentes pour une même propriété ?","o": ["Le navigateur applique la première règle trouvée","Le navigateur applique la règle la plus spécifique (ou la dernière si même spécificité)","Une erreur est générée","Les deux valeurs sont combinées"],"a": 1,"e": "Le CSS applique la règle la plus spécifique. À spécificité égale, la dernière déclaration dans le fichier gagne (cascade)."},{"q": "Quelle valeur de <code>font-size</code> est relative à la taille de police de l'élément parent ?","o": ["px","pt","em","%"],"a": 2,"e": "L'unité em est relative : 1em = taille de police héritée du parent. Le px est absolu."},{"q": "Laquelle de ces déclarations CSS est correcte ?","o": ["color = blue;","color: blue","color: blue;","color blue;"],"a": 2,"e": "La syntaxe correcte est propriété: valeur; avec un deux-points et un point-virgule."},{"q": "Quelle balise HTML5 est sémantiquement appropriée pour la navigation principale d'un site ?","o": ["<div id='nav'>","<navigation>","<nav>","<menu>"],"a": 2,"e": "<nav> est la balise sémantique HTML5 pour définir une zone de navigation principale."},{"q": "Que signifie la propriété CSS <code>margin: 10px 20px;</code> ?","o": ["10px en haut/bas, 20px à gauche/droite","10px partout sauf 20px à gauche","20px en haut/bas, 10px à gauche/droite","10px à gauche, 20px à droite"],"a": 0,"e": "Avec 2 valeurs, margin: haut/bas gauche/droite. Donc 10px haut et bas, 20px gauche et droite."},{"q": "Quel encodage faut-il déclarer dans <meta charset> pour afficher correctement les accents français ?","o": ["ASCII","ISO-8859-1","UTF-16","UTF-8"],"a": 3,"e": "UTF-8 est l'encodage universel qui supporte tous les caractères, y compris les accents français."},{"q": "En CSS, quelle propriété permet de contrôler l'espace interne entre le contenu et la bordure ?","o": ["margin","border-spacing","padding","inner-space"],"a": 2,"e": "Le padding est l'espace interne entre le contenu et la bordure (à ne pas confondre avec margin, l'espace externe)."},{"q": "Quelle est la différence entre une balise <div> et une balise ?","o": ["<div> est un élément de liste, un élément de bloc","<div> est un bloc (saute à la ligne), est inline (dans le flux du texte)"," crée un nouveau bloc, <div> reste en ligne","Elles sont identiques mais est plus récent"],"a": 1,"e": "<div> est un élément de bloc (commence sur une nouvelle ligne), est un élément inline (reste dans le flux du texte)."}]};</script> <script src="/assets/qcm.js?v=3"></script> </body> </html>

Langages HTML et CSS

Facile

Moyen

Difficile

Résultat

Les 36 questions du QCM en version texte