HTML Css

Résultats du Quiz HTML5 débutant
1. Quel est le doctype d'un document HTML5 ?

o <!DOCTYPE html5>
o <!DOCTYPE html>
o <!DOCTYPE html PUBLIC "-//W3C//DTD HTML5.0 Strict//EN">
2. Quelle est la syntaxe pour déclarer l'encodage des caractères du document en
UTF-8 ?
o <meta encoding="text/html; charset=utf-8">
o <meta charset="text/html; UTF-8">
o <meta charset="utf-8">
3. Quelle nouvelle balise de section permet de regrouper un contenu tangentiel au
contenu principal du document ?
o <section id="sidebar">
o <sidebar>
o <aside>
o <details>
4. La nouvelle balise <time> permet de baliser une date structurée. Quelle serait sa
syntaxe pour le 1er avril 2012 à 13h37 ?
o <time datetime="2012-04-01T13:37:00Z"></time>
o <time value="2012-04-01 13:37"></time>
o <time datetime="01/04/2012 13H37M00S"></time>
5. Quelle est la méthode pour associer une légende complète à une illustration ?
o <figure><img src="image.jpg"><figcaption>La
légende...</figcaption></figure>
o <figure src="image.jpg" legend="#cap1"></figure><figcaption id="cap1">La
légende...</figcaption>
o <figure><legend>La légende...</legend><img src="image.jpg"></figure>
6. Comment représenter une barre de progression à 50% d'avancement ?
o <progress value="50" max="100">50%</progress>
o <input type="progress" value="0.5">50%</progress>
o <input type="progress" value="50" max="100" title="50%" />
7. Comment associer une liste de choix/suggestions à un champ d'entrée texte ?
o <input datalist="fruits"><list id="fruits"><option value="Kiwi"><option
value="Orange"><option value="Mangue"></list>
o <input list="fruits"><datalist
id="fruits"><option>Kiwi</option><option>Orange</option><option>Mangu
e</option></datalist>
o <input list="fruits"><select><datalist id="fruits"
values="Kiwi,Orange,Mangue" /></select>
8. Quel attribut permet d'afficher une image par défaut pour l'élément <video> ?
o <video preview="apercu.jpg">
o <video><param name="thumbnail" value="apercu.jpg" /></video>
o <video poster="apercu.jpg">
Question n°1 :
Le rôle du HTML est de...
1. Mettre en forme du texte
2. Ordonner du contenu
3. Créer des sites e-commerce
Question n°2 :
Pour définir un titre DANS une page HTML, on utilise...
1. L'élément title
2. L'élément head
3. Un élément h1, h2, ... h6
Question n°3 :
Pour créer un lien vers la page d'accueil de Wikipédia, on écrira...
1. <a target="http://wikipedia.org">Wikipédia</a>
2. <a href="http://wikipedia.org">
3. <a href="http://wikipedia.org">Wikipédia</a>
Question n°4 :
Lorsque vous utilisez l'élément a, vous devez obligatoirement préciser...
1. Un attribut target
2. Un attribut href
3. Deux attributs href et target
Question n°5 :
Laquelle de ces syntaxes est correcte pour écrire un commentaire en HTML ?
1. 
2. <--Commentaire-->
3. <!--Commentaire--!>
Question n°6 :
Pour indiquer qu'un contenu est très important, on utilise l'élément...
1. Strong
2. Em
3. Mark
Que
stion n°7 :
Quels éléments sont nécessaires pour créer une liste non-ordonnée ?
1. ul et li
2. ol et li
3. ul et ol
Question n°8 :
Laquelle de ces syntaxes est correcte ?
1. <img>src="mon-image.jpg" alt="Une image"</img>
2. <img src="mon-image.jpg" alt="Une image">
3. <img href="mon-image.jpg" alt="Une image">
Question n°9 :
A quoi sert l'attribut alt de l'élément img ?
1. A donner une description de l'image si celle-ci ne peut pas s'afficher
2. A donner un lien alternatif vers l'image si le premier est cassé
3. A afficher une deuxième image si la première ne peut pas s'afficher
Question n°1 :
Le rôle du CSS est de...
1. Mettre en forme du texte
2. Ordonner du contenu
3. Créer des sites e-commerce

Question n°2 :
Quel est l'emplacement recommandé pour le CSS ?
1. Dans un élément HTML style
2. Dans un attribut HTML style
3. Dans un fichier ".css" séparé
Question n°3 :
Qu'est ce que "color" en CSS ?
1. Un sélecteur
2. Une propriété
3. Une déclaration
Question n°4 :
Comment sélectionne t-on le div class="div1" en CSS ?
1. Avec le sélecteur "div1"
2. Avec le sélecteur "#div1"
3. Avec le sélecteur ".div1"

Question n°5 :
Laquelle de ces propositions est exacte ?
1. On doit donner une valeur unique à un attribut id mais pas à des attributs
class
2. On doit donner une valeur unique à un attribut class mais pas à des
attributs id
3. On doit donner une valeur unique à chaque attribut class et id dans une
page
Question n°6 :
Un élément de type block...
1. Occupe toute la largeur disponible dans la page
2. N'occupe que la largeur nécessaire à son contenu
3. Occupe toute la largeur disponible dans son élément parent
Question n°7 :
Quelle est la différence majeure entre les éléments div et span ?
1. L'élément span est de type block, l'élément div est de type inline
2. L'élément div est de type block, l'élément span est de type inline
3. L'élément div sert de conteneur, au contraire de l'élément span

Question n°1 :
Pourquoi doit-on préciser plusieurs valeurs pour la propriété font-family ?
1. Pour laisser la possibilité à l'utilisateur de choisir celle qu'il préfère
2. Car certaines polices peuvent ne pas être lues par un navigateur
3. Il n'est pas nécessaire de préciser plusieurs valeurs
Question n°2 :
Pourquoi utiliser les Google Fonts ?
1. Car Google favorisera notre site si on utilise une de ses polices
2. Car les polices de Google sont plus jolies
3. Car ces polices vont pouvoir être lues par tous les navigateurs
Question n°3 :
A quoi sert la propriété font-weight ?
1. A modifier le poids d'une police
2. A modifier l'inclinaison d'une police
3. A modifier la taille d'une police

Question n°4 :
Quelle est la différence entre les valeurs de type RGB et RGBa
1. RGB utilise des notations hexadécimales, ce qui n'est pas le cas de RGBa
2. RGB gère la transparence à l'inverse de RGBa
3. RGBa gère la transparence à l'inverse de RGB
Question n°5 :
Que représentent les deux premiers chiffres composant une notation

hexadécimale ?
1. Une intensité de rouge
2. Une intensité de bleu
3. Une intensité de vert
Question
n°6 :
Généralement, on donne une valeur à line-height égale à...
1. La taille de notre texte
2. 1,5 fois la taille de notre texte
3. 2 fois la taille de notre texte
Question n°7 :
Combien faut il donner de valeurs à text-shadow ?
1. 2 valeurs
2. 3 valeurs
3. 4 valeurs
Question n°8 :
Les trois premières valeurs de text-shadow servent à indiquer, dans l'ordre...
1. La projection horizontale de l'ombre, la projection verticale de l'ombre et

le rayon de propagation de l'ombre
2. La projection verticale de l'ombre, la projection horizontale de l'ombre et

le rayon de propagation de l'ombre
3. La projection horizontale de l'ombre, la projection verticale de l'ombre et

la couleur de l'ombre
Question n°1 :
Lorsqu'on définit "width:75%" pour un élément en CSS, cela signifie...
1. Que l'élément va occuper une 75% de la largeur totale de la page
2. Que l'élément va occuper une 75% de sa largeur par défaut
3. Que l'élément va occuper une 75% de la largeur de son élément parent
Question n°2 :
Quel va être l'aspect d'une bordure si on la crée en utilisant la valeur dashed ?
1. Bordure en pointillés
2. Bordure sous forme de tirets
3. Bordure avec un effet 3D
Question n°3 :
Quelle propriété nous permet de créer des bordures arrondies ?
1. Border-style
2. Border-radius
3. Radius
Question n°4 :
Que représente le padding d'un élément ?
1. La marge intérieure
2. La marge extérieure
3. Le contenu de l'élément
Question n°5 :
Si on ne donne que deux valeurs à la propriété padding, la première valeur

représente...
1. La marge intérieure haute
2. Les marges intérieures droite et gauche
3. Les marges intérieures haute et basse
Question n°6 :
A quoi sert la valeur inset de la propriété box-shadow ?
1. A créer une ombre centrée autour de la boîte
2. A créer une ombre intérieure
3. A déterminer le rayon de projection de notre ombre
Question n°7 :
Que se passe t-il si j'applique "display:none" à un élément ?
1. L'élément est effacé du code de ma page HTML
2. Le type de display de l'élément n'est pas modifié
3. L'élément ne sera pas affiché dans le navigateur
Question n°8 :
On ne peut pas utiliser les propriétés top, right, bottom et left sur un élément
quand...
1. Nous n'avons pas utilisé la propriété position sur l'élément
2. L'élément a été positionné avec position:relative
3. L'élément a été positionné avec position:absolute
Question n°9 :
Appliquer un "clear:left" à un élément est utile pour...
1. Empêcher l'élément de se placer à côté d'un élément possédant un

float:left
2. Empêcher l'élément de se placer à côté d'un élément possédant un

float:right
3. Faire flotter l'élément à gauche
Question n°1 :
Lequel de ces éléments sert à créer une nouvelle ligne dans un tableau HTML ?
1. L'élément table
2. L'élément tr
3. L'élément td
Question n°2 :
Quelle propriété CSS utilise t-on pour "coller" les bordures d'un tableau ?
1. La propriété border
2. La propriété border-radius
3. La propriété border-collapse
Question n°3 :
Quel élément HTML sert à définir une ligne d'en tête pour notre tableau ?
1. L'élément tr
2. L'élément th
3. L'élément thead
Question n°4 :
Dans quel ordre écrit-on les éléments suivants généralement en HTML ?
1. thead, tfoot puis tbody
2. thead, tbody puis tfoot
3. tbody, thead puis tfoot
Afficher la réponse
Question n°5 :
Comment faire en sorte qu'une cellule occupe l'espace de trois colonnes dans
un tableau HTML ?
1. En utilisant colspan = "3"
2. En utilisant rowspan = "3"
3. En crivant deux cellules vides après cette cellule dans notre tableau
Question n°6 :
Lequel de ces éléments HTML sert à ajouter une légende à un tableau HTML ?
1. L'élément legend
2. L'élément figcaption
3. L'élément caption
Question n°6 :
Lequel de ces attributs nous permet d'ajouter une image de fond à notre vidéo
(qui s'affichera avant son lancement) ?
1. L'attribut poster
2. L'attribut caption
3. L'attribut controls
Afficher la réponse
Question n°2 :
Le séléecteur CSS étoile (*) sert à...
1. Appliquer des bordures aux éléments
2. Sélectionner tous les éléments d'une page HTML
3. Sélectionner un élément possédant un attribut en particulier
Question n°3 :
Le sélecteur div + p sert à sélectionner...
1. Le premier élément p enfant d'un div

2. Tous les éléments p enfants dans un div
3. Tous les éléments p suivants un div (et de même niveau)
Question n°4 :
A quoi reconnait-on les pseudo classes en CSS ?
1. Elles commencent toutes par ":"
2. Elles commencent toutes par "::"
3. Elles possèdent toutes le mot "class" dans leur nom
Question n°5 :
A quoi sert la pseudo classe :hover ?
1. A modifier le style d'un élément lors du survol de la souris sur l'élément
2. A modifier le style d'un lien dès qu'il a été cliqué
3. A modifier le style d'un élément avant qu'on l'ait cliqué
Question n°6 :
A quoi sert le pseudo élément ::selection
1. A appliquer un style à un élément lors du survol de la souris
2. A appliquer un style à la première ligne d'un élément

3. A appliquer un style à la partie d'un élément sélectionnée par l'utilisateur
Question n°3 :
Lequel de ces éléments HTML sert à définir un formulaire ?
1. L'élément form
2. L'élément input
3. L'élément label
Question n°4 :
L'élément form doit obligatoirement être accompagné...
1. D'un attribut method
2. D'un attribut action
3. De deux attributs method et action
Question n°5 :
Si je demande un mot de passe dans mon formulaire, j'utiliserai plutôt...
1. La valeur get de l'attribut method
2. La valeur post de l'attribut method
3. Aucune de ces deux valeurs

Question n°6 :
Lequel de ces éléments sert à créer un champ de type "date" dans un formulaire
?
1. L'élément input
2. L'élément date
3. L'élément select
Question n°7 :
Lequel de ces attributs sert à pré-cocher une case ?
1. L'attribut selected
2. L'attribut autocomplete
3. L'attribut checked
Question n°9 :
On va utiliser l'élément fieldset pour...
1. Donner un titre à notre formulaire
2. Donner un titre à une partie de notre formulaire
3. Créer des parties dans notre formulaire
B) Problème
(B.1) liens
Boule et Bill sont deux étudiants de INF112. Ils ont construit un mini-site CV qu’ils ont ensuite
étendu. Ce site est composé de quelques pages HTML, d’une feuille de style et d’images. Il est
organisé de la façon suivante :
• Le dossier BOULE-BILL contient les fichiers index.htm et style.css

• Le dossier CV contient les fichiers et répertoire suivants
o boule.htm
o bill.htm
o le dossier IMG
• Le dossier IMG contient les fichiers
o dog.png
o kid.png
o maison.png
• Le répertoire LIVRE contient les fichiers
o bye.png
o quizz.htm
o liste.htm
Fig 1 : représentation du site
Les questions Q5. à Q22. sont relatives à ce mini-site.
Q5. Dans la page boule.htm, on souhaite faire un lien vers bill.htm. Pour cela, on insère le code suivant
:
<a href="bill.html">CV de Bill</a> dans boule.htm
A votre avis, ce code va-t-il nous permettre de réaliser ce que l’on souhaite ?
1. Oui
2. Non, il faut mettre l’adresse complète du site (avec un http).
3. Non, il faut insérer ce code dans bill.htm
4. Non, il faut ajouter du texte entre les balises <a> et </a>
5. Non, pour une autre raison que celles proposées ci-dessus.
Q6. Pour utiliser la feuille de style style.css dans la page boule.htm, quel code doit-on insérer dans le fichier
boule.htm, juste après le couple de balises <title></title> ?
1. <link rel="StyleSheet" href="style.css" type="text/css">

2. <link rel="StyleSheet" href="BOULE-BILL/style.css" type="text/css">
3. <link rel="StyleSheet" href="../style.css" type="text/css">
4. <link rel="StyleSheet" href="../BOULE-BILL/style.css" type="text/css">
Q7. Dans bill.htm, on souhaite introduire un lien pour accéder à quizz.htm. Que faut-il introduire ?
1. <a href="quizz.htm"> petit test </a>

2. <a href="../quizz.html"> petit test </a>
3. <a href="../Livres/quizz.htm"> petit test </a>
4. <a href="CV/../quizz.htm"> petit test </a>
5. <a href="CV/Livres/quizz.htm"> petit test </a>
Fig 2 : la page web liste.htm
Q8. Dans la page liste.htm, on donne la liste des albums de Boule et Bill. Pour organiser le texte, on introduit
plusieurs sections (une par décennie depuis 1960). En début de cette même page, une table des matières est
proposée. On souhaite permettre aux utilisateurs d’accéder directement à chacune des sections à partir de la
table des matières. (voir Figure 2).
Pour faire cela, il faut :
1. introduire une ancre pour chaque nom de la table des matières en début de fichier et introduire un lien externe
au niveau de chaque section
2. introduire une ancre pour chaque section, et introduire un lien externe pour chaque nom de la table des
matières en début de fichier
3. introduire une ancre pour chaque nom de la table des matières en début de fichier et introduire un lien interne
au niveau de chaque section
4. introduire une ancre pour chaque section, et introduire un lien interne pour chaque nom de la table des
matières en début de fichier
5. ce n’est pas possible
(B2) Listes et tableaux
Q9. Soit la liste suivante.
1. Depuis 2000
• Les 4 saisons
• Quel cirque
2. Entre 1990 et 1999
• ‘Faut Rigoler
• Bwoulfallo Bill
Quel(s) code(s) parmi les suivants permettent de réaliser la liste ci-dessus ?

Soit les deux codes HTML suivant :
Q10. Avec ces deux codes, l’affichage de la table sera exactement identique.
1. vrai
2. faux
Q11. Produire le code HTML permettant d’obtenir la table suivante :
(B3) feuille de styles et formulaires, et javascript
On considère un extrait du fichier index.htm utilisant le fichier de style style.css
Q12. Dans quelle couleur s’affiche les mots P1 à P10 ?

Q13. Comment seront traitées les données du formulaire figure 3 après clic sur le bouton « envoyer »
1. pas d’envoi, le traitement est local

2. envoi par fichier
3. envoi par URL
4. traitement par une CGI
5. traitement par une fonction java script
6. traitement par une applet java
A) Questions de cours
Q1. Parmi les types d’outils cités ci-dessous, lesquels sont les plus adaptés pour consulter des pages HTML ?
1. un butineur
2. un client HTTP
Q2. Il est nécessaire d’avoir une connexion Internet pour consulter des pages HTML.
2. faux
Q3. HTTP est :
2. un protocole
Q4. Dans quelle partie d’un ordinateur s’effectuent les calculs (tels que les additions) ?
5. le microprocesseur
B) Problème
(B.1) liens
Q5. Dans la page boule.htm, on souhaite faire un lien vers bill.htm. Pour cela, on insère le code suivant
: <a href="bill.html">CV de Bill</a> dans boule.htm
A votre avis, ce code va-t-il nous permettre de réaliser ce que l’on souhaite ?
5. Non, pour une autre raison que celles proposées ci-dessus.
Q6. Pour utiliser la feuille de style style.css dans la page boule.htm, quel code doit-on insérer dans le fichier
boule.htm, juste après le couple de balises <title></title> ?
3. <link rel="StyleSheet" href="../style.css" type="text/css">
Q7. Dans bill.htm, on souhaite introduire un lien pour accéder à quizz.htm. Que faut-il introduire ?
3. <a href="../Livres/quizz.htm"> petit test </a>
Q8. Dans la page liste.htm, on donne la liste des albums de Boule et Bill. Pour organiser le texte, on introduit
plusieurs sections (une par décennie depuis 1960). En début de cette même page, une table des matières est
proposée. On souhaite permettre aux utilisateurs d’accéder directement à chacune des sections à partir de la
table des matières. (voir Figure 2).
Pour faire cela, il faut :
4. introduire une ancre pour chaque section, et introduire un lien interne pour chaque nom de la table
des matières en début de fichier
(B2) Listes et tableaux
Q9. Quel(s) code(s) parmi les suivants permettent de réaliser la liste ci-dessus ?
Le code N° 2
Q10. Avec ces deux codes, l’affichage de la table sera exactement identique.
2. faux
Q11. Produire le code HTML permettant d’obtenir la table suivante :

----------------------------------------
<table border="1">
<tr>
<td></td>
<td colspan="2">lundi</td>
</tr>
<tr>
<td></td>
<td>Groupe 1</td>
<td>Groupe 2</td>
</tr>
<tr>
<td>8h-9h30</td>
<td colspan="2" align="center">cours
Math</td>
</tr>
<tr>
<td>9h45-11h15</td>
<td rowspan="2">TD info</td>
<td> TD Biolo</td>
</tr>
<tr>
<td>11h30-13h</td>
<td> TD Chimie</td>
</tr>
</table> ----------------------------------------
(B3) feuille de styles et formulaires, et javascript

Q12. Dans quelle couleur s’affiche les mots P1 à P10 ?
Q13. Comment seront traitées les données du formulaire figure 3 après clic sur le bouton « envoyer »
2. envoi par fichier

4. traitement par une CGI
Q14. Fig. 4, que faut-il écrire à la place de « xxxx » ?
3. boulebill.copains
Q15. Fig. 4, quelle condition peut-on écrire à la place de « YYYY »
2. som > 2
(B4) Images
Q16. Pour les images, il existe deux grands types de format : les formats vectoriels et les formats
bitmaps. Parmi les affirmations suivantes, lesquelles sont caractéristiques des formats bitmap ?
1. L’image est décrite comme un tableau de points (pixels), qui ont chacun une couleur.
5. L’utilisation d’un mécanisme de couleur indexé est un mécanisme de compression pour certains
formats d’images Bitmap.
Q17. Cette portion de code :
1. doit être insérée dans une page HTML
Q18. Quelles affirmations sont correctes ?
3. les chaînes de caractères AAA et EEE doivent être égales
(B5) mise en service et utilisation du site
Q19. Lorsqu’un client HTTP fait une requête pour obtenir la page index.htm, quels seront les fichiers envoyés par
le serveur ?
3. bye.png
5. index.htm
8. style.css
Q20. Quel est le poids du fichier index.htm ?
2. 50*20 = 1 000 octets

3. 50*20*8 = 8 000 bits
Q21. Combien de temps faut-il à un ordinateur pour charger et afficher la page index.htm à l’aide d’un modem qui
charge 5kb/sec ? On suppose que l’affichage est immédiat une fois les informations nécessaires reçues.
3. entre 20 et 30 secondes
Fig. 3 un formulaire
Fig. 4 Code Java script
On insère le code java script Fig. 4, dans la même page HTML que le formulaire donné Fig.3
pour vérifier qu’au plus 2 réponses ont été choisies pour les copains de Boule.
Q14. Fig. 4, que faut-il écrire à la place de « xxxx » ?
1. copains
2. checkbox.copains
3. boulebill.copains
4. form.copains
Q15. Fig. 4, quelle condition peut-on écrire à la place de « YYYY »
1. som = 2
2. som > 2
3. som = 3
4. som > 3
5. som = 4
6. som > 4
(B4) Images
Q16. Pour les images, il existe deux grands types de format : les formats vectoriels et les formats
bitmaps. Parmi les affirmations suivantes, lesquelles sont caractéristiques des formats bitmap ?
1. L’image est décrite comme un tableau de points (pixels), qui ont chacun une couleur.
2. L’image est décrite comme un ensemble de formes géométriques.
3. L’image est décrite comme une suite de zones cliquables.
4. Le format est bien adapté pour la description de cartes et de paysages.
5. L’utilisation d’un mécanisme de couleur indexé est un mécanisme de compression pour certains formats
d’images Bitmap.
On souhaite produire une image cliquable sur la base de l’image maison.jpg

Cette image correspond à la maison de Boule et Bill. On veut créer des zones cliquables associées à
cette image. Pour cela, on utilise le logiciel GIMP pour définir ces zones. On obtient le code suivant :
<Map name=”AAA”>
<area shape="rect" coords="53,38,215,63" href="BBB">
<area shape="rect" coords="37,127,154,151" href="CCC">
</Map>
<img src=DDD ismap usemap=”#EEE”>
Q17. Cette portion de code :
1. doit être insérée dans une page HTML

2. est incluse dans une image
3. correspond au codage de l’image
4. n’est absolument pas utilisé
Q18. Quelles affirmations sont correctes ?
1. il ne peut y avoir qu’une seule map par page HTML

2. la chaîne (DDD) correspond forcement à un lien en absolu
3. les chaînes de caractères AAA et EEE doivent être égales
4. les chaînes de caractères AAA et EEE ont forcément la valeur « map »
5. aucune des affirmations ci-dessus n’est correcte.
(B5) mise en service et utilisation du site
Le contenu du répertoire BOULE-BILL est copié dans le répertoire html du compte de boule, sur la machine
palentir.
La page index.htm fait environ 20 lignes de 50 caractères. Un caractère est codé par un octet.
Cette page utilise la feuille de style style.css, contient l’image bye.png, a des liens vers les
fichiers boule.htm et bill.htm.
La page style.css fait environ 10 lignes de 30 caractères. La page boule.htm fait environ 40 lignes, de
50 caractères. La page bill.htm fait environ 10 lignes, de 70 caractères.
L’image bye.png est un fichier de 100 kbits. Les images dog.pgn, kid.png et maison.png font 10kbits chacune.
On rappelle qu’un octet correspond à 8 bits, 1 kbit = 210
bits = 1024 bits
Q19. Lorsqu’un client HTTP fait une requête pour obtenir la page index.htm, quels seront les fichiers envoyés par
le serveur ?
1. bill.htm
2. boule.htm
3. bye.png
4. dog.png
5. index.htm
6. kid.png
7. maison.png
8. style.css
Q20. Quel est le poids du fichier index.htm ?
1. 50*20 = 1 000 bits

2. 50*20 = 1 000 octets
3. 50*20*8 = 8 000 bits
4. 50*20*8 = 8 000 octets
5. aucune des réponses ci-dessus n’est correcte.
Q21. Combien de temps faut-il à un ordinateur pour charger et afficher la page index.htm à l’aide d’un modem qui
charge 5kb/sec ? On suppose que l’affichage est immédiat une fois les informations nécessaires reçues.
5. plus de 60 secondes

HTML Css

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

HTML Css

Transféré par

Droits d'auteur :

Formats disponibles

Résultats du Quiz HTML5 débutant

1. Quel est le doctype d'un document HTML5 ?

Le rôle du HTML est de...

1. Mettre en forme du texte

3. Créer des sites e-commerce

Pour définir un titre DANS une page HTML, on utilise...

3. Un élément h1, h2, ... h6

Pour créer un lien vers la page d'accueil de Wikipédia, on écrira...

Lorsque vous utilisez l'élément a, vous devez obligatoirement préciser...

3. Deux attributs href et target

Laquelle de ces syntaxes est correcte pour écrire un commentaire en HTML ?

Pour indiquer qu'un contenu est très important, on utilise l'élément...

Laquelle de ces syntaxes est correcte ?

1. <img>src="mon-image.jpg" alt="Une image"</img>

2. <img src="mon-image.jpg" alt="Une image">

3. <img href="mon-image.jpg" alt="Une image">

A quoi sert l'attribut alt de l'élément img ?

1. A donner une description de l'image si celle-ci ne peut pas s'afficher

2. A donner un lien alternatif vers l'image si le premier est cassé

3. A afficher une deuxième image si la première ne peut pas s'afficher

Le rôle du CSS est de...

1. Mettre en forme du texte

3. Créer des sites e-commerce

Quel est l'emplacement recommandé pour le CSS ?

1. Dans un élément HTML style

2. Dans un attribut HTML style

3. Dans un fichier ".css" séparé

Qu'est ce que "color" en CSS ?

Comment sélectionne t-on le div class="div1" en CSS ?

1. Avec le sélecteur "div1"

2. Avec le sélecteur "#div1"

3. Avec le sélecteur ".div1"

Laquelle de ces propositions est exacte ?

Un élément de type block...

1. Occupe toute la largeur disponible dans la page

2. N'occupe que la largeur nécessaire à son contenu

3. Occupe toute la largeur disponible dans son élément parent

Quelle est la différence majeure entre les éléments div et span ?

3. L'élément div sert de conteneur, au contraire de l'élément span

Pourquoi doit-on préciser plusieurs valeurs pour la propriété font-family ?

1. Pour laisser la possibilité à l'utilisateur de choisir celle qu'il préfère

2. Car certaines polices peuvent ne pas être lues par un navigateur

3. Il n'est pas nécessaire de préciser plusieurs valeurs

Pourquoi utiliser les Google Fonts ?

1. Car Google favorisera notre site si on utilise une de ses polices

2. Car les polices de Google sont plus jolies

A quoi sert la propriété font-weight ?

1. A modifier le poids d'une police

2. A modifier l'inclinaison d'une police

3. A modifier la taille d'une police

Quelle est la différence entre les valeurs de type RGB et RGBa

2. RGB gère la transparence à l'inverse de RGBa

3. RGBa gère la transparence à l'inverse de RGB

Que représentent les deux premiers chiffres composant une notation

1. Une intensité de rouge

2. Une intensité de bleu

3. Une intensité de vert

Généralement, on donne une valeur à line-height égale à...

1. La taille de notre texte

2. 1,5 fois la taille de notre texte

3. 2 fois la taille de notre texte

Combien faut il donner de valeurs à text-shadow ?

Les trois premières valeurs de text-shadow servent à indiquer, dans l'ordre...