QCM - Ynov - HTML/CSS 2023

Ynov 2023 – B2 – HTML/CSS

Étape 1 sur 4

25%

Vous êtes ?

Prénom

Nom(Nécessaire)

E-mail

Remarque ou autre

Le HTML

A

<!DOCTYPE html>
<html>
  <head>
    <title>Titre de la page</title>
  </head>
  <body>
    <nav>Menu de navigation</nav>
    <article>Contenu principal</article>
    <footer>Pied de page</footer>
  </body>
</html>

B

<!DOCTYPE html>
<html>
  <head>
    <title>Titre de la page</title>
    <nav>Menu de navigation</nav>
  </head>
  <body>
    <article>Contenu principal</article>
    <footer>Pied de page</footer>
  </body>
</html>

C

<!DOCTYPE html>
<html>
  <head>
    <title>Titre de la page</title>
    <nav>Menu de navigation</nav>
    <article>Contenu principal</article>
    <footer>Pied de page</footer>
  </head>
</html>

1. Quel est le code HTML correct pour créer une page web avec un titre, un menu de navigation, un contenu principal et un pied de page ?(Nécessaire)

A

 <nav>

B

 <head>

C

 <body>

2. Où doit être placée la balise <h1> pour qu'elle représente le titre de la page ?(Nécessaire)

A

<img src="image.png" alt="Image" />

B

<img src="image.png" alt="Image">Descriptif de l'image</img>

C

<img href="image.png" alt="Image" />

3. Quelle est la syntaxe correcte pour créer une image ?(Nécessaire)

A

<ul>
  <li>Élément 1</li>
  <li>Élément 2</li>
</ul>

B

<li>
  <ul>Élément 1</ul>
  <ul>Élément 2</ul>
</li>

C

<div>
  <li>Élément 1</li>
  <li>Élément 2</li>
</div>

4. Quelle est la syntaxe correcte pour créer une liste non ordonnée ?(Nécessaire)

A

<title>Titre de la page</title>

B

<TITLE>Titre de la page</TITLE>

C

<meta title="Titre de la page" />

5. Quelle est la syntaxe correcte pour créer un titre de page web ?(Nécessaire)

A

<link>

B

<a>

C

<href>

6. Quel est le nom de l'élément HTML qui représente un lien hypertexte ?(Nécessaire)

A

<link href="page.html" target="_self">Lien vers une page</link>

B

<a href="page.html" target="_self">Lien vers une page</a>

C

<a src="page.html" target="_self">Lien vers une page</a>

7. Quel est le code HTML valide pour créer un lien hypertexte ouvrant la page dans la même fenêtre?(Nécessaire)

Culture générale

8. Quelle est la valeur par défaut de l'attribut charset de la balise <meta> ?(Nécessaire)

ISO-8859-1

UTF-8

Latin1

L’encodage au format internationnal

9. Où est exécuté le code Client-side ?(Nécessaire)

Sur le système d’exploitation de l’utilisateur

Sur le serveur web

Sur le navigateur de l’utilisateur

10. Qu'est-ce que le DOM ?(Nécessaire)

Un modèle de données qui représente la mise en forme d’une page web

Un modèle de données qui représente le contenu d’une page web

Un modèle de données qui représente la structure d’une page web

11. Qui a publié la 1ère page Web de l'histoire ?(Nécessaire)

Richard Stallman

Tim Berners-Lee

Vint Cerf

CSS

Vous en êtes à la moitié. Le plus dur est fait.

12. À quoi sert le CSS ?(Nécessaire)

À structurer une page web

À définir la mise en forme d’une page web

À définir le contenu d’une page web

13. Comment est organisé un style CSS ?(Nécessaire)

En règles

En propriétés

En valeurs

14. Quel est le sélecteur le plus basique en CSS ?(Nécessaire)

body

A

.container > p { 
  color: #333; 
}

B

.container p {
  font-weight: bold;
}

C

.container + div {
  background-color:   
  #f9f9f9;
}

15. Quel est le code CSS valide pour sélectionner tous les paragraphes (<p>) à l'intérieur d'un élément avec la classe .container?(Nécessaire)

A

img { width: 100%; height: 100%; }

B

.img { width: 100%; height: 100%; }

C

#img { width: 100%; height: 100%; }

16. Quelle règle CSS permet de mettre l'image en plein écran ?(Nécessaire)

Si j’ai :

<img src="image.jpg" alt="Une image" class="uneimage" id="monimage">

A

#uneimage { width: 100%; height: 100%; }

B

.uneimage { width: 100%; height: 100%; }

C

#monimage { width: 100%; height: 100%; }

17. Quelle règle CSS permet de mettre l'image en plein écran ?(Nécessaire)

Si j’ai :

<div class="container">
  <div class="row">
    <div class="col">Colonne 1</div>
    <div class="col">Colonne 2</div>
  </div>
</div>

A

.container { display: flex; justify-content: center; }

B

.row { display: flex; justify-content: center; }

C

.col { text-align: center; }

18. Quelle règle CSS permet de centrer les colonnes de la ligne ?(Nécessaire)

Si j’ai :

<ul>
  <li>L'élément 1</li>
  <li>L'élément 2</li>
  <li>L'élément 3</li>
</ul>

A

ul { margin: 0 10px 0 10px; }

B

li { margin: 10px; }

C

ul li { margin: 10px; }

19. Quelle règle CSS permet de mettre une marge de 10px entre les éléments de la liste ?(Nécessaire)

Si j’ai :

<img src="image.jpg" alt="Une image">

A

img.hover { border: 1px solid black; }

B

img:hover { border: 1px solid black; }

C

img { hover-border: 1px solid black; }

20. Quelle règle CSS permet d'ajouter une bordure de 1px en noir à l'image au survol de l'image ?(Nécessaire)

Si j’ai :

<head>
  <title>Ma Page</title>
</head>
<body>
  <h1>Ma Page</h1>
  <h2>Titre 1.1</h2>
  <p>Contenu</p>
</body>

A

h1 { color: red; }

B

title { color: red; }

C

head title { color: red; }

21. Quelle règle CSS permet de mettre la couleur du texte du titre de la page en rouge ?(Nécessaire)

Une remarque ? Une question ?