QCM HTML / CSS – Partie 38

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. Comment insérer une vidéo YouTube dans votre page HTML en utilisant une balise <iframe> ?

A <iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ"></iframe>

B <iframe src="https://www.youtube.com/watch?v=dQw4w9WgXcQ"></iframe>

C <video src="https://www.youtube.com/embed/dQw4w9WgXcQ"></video>

D <iframe src="https://youtube.com/video/dQw4w9WgXcQ"></iframe>

2. Quel est l’effet de l’attribut title dans une balise HTML ?

A Il définit le titre de la page dans le navigateur.

B Il affiche un texte supplémentaire lorsque l’utilisateur survole l’élément.

C Il permet d’ajouter un titre à une image dans un document HTML.

D Il définit un titre pour le contenu du formulaire.

<p title="Ceci est un paragraphe">Survolez ce texte pour afficher l'info-bulle.</p>

3. Quelle propriété CSS permet de rendre un fond complètement transparent ?

A background-color: rgba(0, 0, 0, 0);

B background-color: transparent;

C opacity: 0;

D A et B

4. Comment ajouter un bouton HTML qui déclenche une action JavaScript lors du clic ?

A <button onclick="alert('Bonjour!')">Cliquez ici</button>

B <button href="javascript:alert('Bonjour!')">Cliquez ici</button>

C <button action="alert('Bonjour!')">Cliquez ici</button>

D <button href="javascript:void(0)">Cliquez ici</button>

5. À quoi sert la balise <details> en HTML ?

A Afficher un menu déroulant de liens

B Créer une boîte de dialogue modale

C Créer un accordéon ou une section repliable

D Ajouter des détails supplémentaires à une liste

6. Quelle balise HTML permet de créer un lien interne vers une autre section de la même page ?

A <a href="#section1">Aller à la section 1</a>

B <button href="#section1">Aller à la section 1</button>

C <link href="#section1">Aller à la section 1</link>

D <a link="#section1">Aller à la section 1</a>

7. Quelle balise HTML permet d’inclure des graphiques vectoriels directement dans une page web ?

A <image>

B <canvas>

C <svg>

D <vector>

8. Comment ajouter un lien mailto avec un sujet et un corps d’e-mail pré-remplis ?

A <a href="mailto:[email protected]?subject=Hi&body=How are you?">Envoyer l'e-mail</a>

B <a href="mailto:[email protected]&subject=Hi&body=How are you?">Envoyer l'e-mail</a>

C <a href="mailto:[email protected]?body=How are you?">Envoyer l'e-mail</a>

D <a href="mailto:[email protected]?body=Hi">Envoyer l'e-mail</a>

9. Comment créer un lien qui permet de sélectionner du texte dans une page HTML ?

A <a href="#" onclick="document.body.selectAll();">Sélectionner tout le texte</a>

B <a href="#" onclick="window.selectAllText();">Sélectionner tout le texte</a>

C <a href="javascript:void(0);" onclick="document.body.selectText();">Sélectionner tout le texte</a>

D <a href="javascript:void(0);" onclick="window.getSelection().selectAllChildren(document.body);">Sélectionner tout le texte</a>

10. Comment ajouter une vidéo avec des contrôles personnalisés (par exemple, sans barre de progression) en HTML ?

A <video src="video.mp4" controls></video>

B <video src="video.mp4" controlsList="nodownload noprogressbar"></video>

C <video src="video.mp4" autoplay controls></video>

D <video src="video.mp4" controlsList="nodownload"></video>