HTML/CSS

réponse obligatoire

Question 1

Merci d'entrer ici votre pseudonyme

Question 2

Que signifient HTML et CSS ?

Question 3

Lequel de ces 2 langages permettra de centrer du texte ?

HTML

CSS

Les 2

décocher

Question 4

Quel est le doctype d'un document HTML5 ?

'‹‹!DOCTYPE html5›'›

‹'‹!DOCTYPE html›'›

‹'‹!DOCTYPE html PUBLIC "-//W3C//DTD HTML5.0 Strict//EN"›'›

décocher

Question 5

Quelle est la syntaxe pour déclarer l'encodage des caractères du document en UTF-8 ?

'‹‹meta encoding="text/html; charset=utf-8"›'›

‹'‹meta charset="text/html; UTF-8"›'›

‹'‹meta charset="utf-8"›'›

décocher

Question 6

Quelle balise HTML permet d'indiquer le titre de la page ?

‹'‹h1›'›

‹'‹body›'›

‹'‹title›'›

‹'‹head›'›

décocher

Question 7

Quel titre est le plus important ?

'‹‹h3›'›

'‹‹h4›'›

‹'‹h2›'›

‹'‹h1›'›

décocher

Question 8

Quelle est la meilleure façon de mettre du texte en gras ?

En utilisant la balise ‹'‹span›'›

En utilisant la balise ‹'‹b›'›

En CSS avec font-weight: bold;

Avec la balise '‹‹strong›'›

décocher

Question 9

Comment fait-on un lien vers Google en HTML ?

'‹‹a href="www.google.fr"'››Google'‹‹/a›'›

‹'‹a link="http://www.google.fr"'››Google'‹‹/a›'›

'‹‹a id="http://www.google.fr"›'›Google'‹‹/a›'›

‹'‹a href="http://www.google.fr"'››Google'‹‹/a›'›

décocher

Question 10

Que fait le lien suivant :
‹a href="#section1"›Go to section #1‹/a›

Il amène vers l'élément portant l'id « section1 »

Il amène vers l'élément portant l'id « #section1 »

Il amène vers le dossier « section1 »

Il fait remonter en haut de page.

décocher

Question 11

Quelle est la syntaxe valide W3C pour afficher une image en HTML5 ?

'‹‹img source="image.png" /›'›

‹'‹img src="image.png" title="Mon image" /›'›

‹'‹img source="image.png" legend="Mon image" /›'›

‹'‹img src="image.png" alt="Mon image" /›'›

décocher

Question 12

Dans quel cas doit-on placer l'image dans une ‹figure› ?

Quand l'image est trop volumineuse.

Quand l'image apporte une valeur ajoutée au contenu.

Quand l'image est purement décorative.

décocher

Question 13

Laquelle ou lesquelles de ces balises ne sont pas de type « bloc » ?

'‹‹ul›'›

'‹‹li›'›

'‹‹input›'›

‹'‹blockquote›'›

'‹‹q›'›

‹'‹table›'›

‹'‹div›'›

'‹‹p›'›

Question 14

Comment lie-t-on une feuille CSS avec la page HTML ?

'‹‹link rel="stylecss" href="style.css"'›

'‹‹style src="style.css"›'›

'‹‹link rel="stylesheet" href="style.css"'›

'‹‹link rel="stylesheet" src="style.css"'›

décocher

Question 15

Quel est le sélecteur permettant de sélectionner les titre de ‹h1› à ‹h6› ?

h1, h2, h3, h4, h5, h6 { … }

h1 h2 h3 h4 h5 h6 { … }

‹h1›, ‹h2›, ‹h3›, ‹h4›, ‹h5›, ‹h6› { … }

h1 + h2 + h3 + h4 + h5 + h6 { … }

décocher

Question 16

Comment écrit-ton un sélecteur pour un ID ? Et une Classe ?

#id et .classe

.id et #classe

'id' et "classe"

"id" et 'classe'

décocher

Question 17

Comment aligne t-on un bloc ‹div› de 960 pixels au centre de la page ?

div { width: 960px; align: middle; }

div { width: 960px; margin-left: auto; margin-right: auto; }

div { width: 960px; margin-left: 50%; margin-right: 50%; }

div { width: 960px; text-align: center; }

décocher

Question 18

Que fait ce code ?

#contener › h1 {
'⟶text-align: center;
'⟶color: #f00;
}

Il sélectionne tous les titres ‹h1› pour les centrer et les mettre en rouge.

Il sélectionne les titres ‹h1› directement enfants de #contener pour les centrer et les mettre en rouge.

Il sélectionne tous les enfants et sous-enfants de #contener pour les centrer et les mettre en rouge.

décocher

Question 19

Soit le code suivant :

‹body›
'⟶‹div id="container"›
'⟶'⟶‹div class="inner"›
'⟶'⟶'⟶‹p›Paragraphe […]‹/p›
'⟶'⟶‹/div›
'⟶‹/div›
‹/body›

Quelle couleur sera appliquée au paragraphe si on écrit tous les sélecteurs suivants dans cet ordre :

#container p { color: blue; }

body p { color: red; }

body .inner p { color: orange; }

.inner p { color: yellow; }

p { color: green; }

décocher

Question 20

Quelle est la différence entre "inline" et "block" ? Connaissez-vous d'autres types que ceux-ci ?

Question 21

Quelle nouvelle balise de section permet de regrouper un contenu tangentiel au contenu principal du document ?

'‹‹section id="sidebar"›'›

'‹‹sidebar›'›

'‹aside›'›

‹'‹details›'›

décocher

Question 22

Quelle est la méthode pour associer une légende complète à une illustration ?

‹'‹figure'›'‹img src="image.jpg"›‹'›'‹figcaption'››La légende...‹'‹/figcaption›‹'›'‹/figure›'›

'‹‹figure src="image.jpg" legend="#cap1"'›'‹›‹/figure'› '‹›‹figcaption id="cap1"'››La légende...'‹‹/figcaption›'›

'‹‹figure'›'‹›‹›‹legend›'›La légende...'‹›‹‹/legend'›'‹‹›‹img src="image.jpg"'›'‹‹/figure›'›

décocher

Question 23

Quel attribut permet d'afficher une image par défaut pour l'élément ‹video› ?

'‹‹‹video preview="apercu.jpg"›'›

‹'‹‹video'››‹'‹‹param name="thumbnail" value="apercu.jpg"'›'‹/‹video'››‹

‹'‹‹video poster="apercu.jpg"›'›

décocher

Merci d'entrer ici votre pseudonyme

Que signifient HTML et CSS ?

Lequel de ces 2 langages permettra de centrer du texte ?

Quel est le doctype d'un document HTML5 ?

Quelle est la syntaxe pour déclarer l'encodage des caractères du document en UTF-8 ?

Quelle balise HTML permet d'indiquer le titre de la page ?

Quel titre est le plus important ?

Quelle est la meilleure façon de mettre du texte en gras ?

Comment fait-on un lien vers Google en HTML ?

Que fait le lien suivant :‹a href="#section1"›Go to section #1‹/a›

Quelle est la syntaxe valide W3C pour afficher une image en HTML5 ?

Dans quel cas doit-on placer l'image dans une ‹figure› ?

Laquelle ou lesquelles de ces balises ne sont pas de type « bloc » ?

Comment lie-t-on une feuille CSS avec la page HTML ?

Quel est le sélecteur permettant de sélectionner les titre de ‹h1› à ‹h6› ?

Comment écrit-ton un sélecteur pour un ID ? Et une Classe ?

Comment aligne t-on un bloc ‹div› de 960 pixels au centre de la page ?

Que fait ce code ?#contener › h1 {'⟶text-align: center;'⟶color: #f00;}

Soit le code suivant :‹body›'⟶‹div id="container"›'⟶'⟶‹div class="inner"›'⟶'⟶'⟶‹p›Paragraphe […]‹/p›'⟶'⟶‹/div›'⟶‹/div›‹/body›Quelle couleur sera appliquée au paragraphe si on écrit tous les sélecteurs suivants dans cet ordre :

Quelle est la différence entre "inline" et "block" ? Connaissez-vous d'autres types que ceux-ci ?

Quelle nouvelle balise de section permet de regrouper un contenu tangentiel au contenu principal du document ?

Quelle est la méthode pour associer une légende complète à une illustration ?

Quel attribut permet d'afficher une image par défaut pour l'élément ‹video› ?

Que fait le lien suivant :
‹a href="#section1"›Go to section #1‹/a›

Que fait ce code ?

#contener › h1 {
'⟶text-align: center;
'⟶color: #f00;
}

Soit le code suivant :

‹body›
'⟶‹div id="container"›
'⟶'⟶‹div class="inner"›
'⟶'⟶'⟶‹p›Paragraphe […]‹/p›
'⟶'⟶‹/div›
'⟶‹/div›
‹/body›

Quelle couleur sera appliquée au paragraphe si on écrit tous les sélecteurs suivants dans cet ordre :