Rechercher un cours  (Rechercher un cours)

Commencé le dimanche 18 juin 2023, 17:24

État Terminé Messages personnels
Terminé le dimanche 18 juin 2023, 17:32
Temps mis 8 min 4 s
 Recherche
Note 20,00 sur 20,00 (100%)

Question 1
Terminé h2{ padding-top:5px; margin-left:2px; text- Tout afficher
transform:capitalize; }
Note de 1,00
sur 1,00

Cette mise en forme définit :

Veuillez choisir une réponse.

en haut une marge intérieure de 2px, à gauche une marge extérieure de 5px
et la première lettre de chaque mot en majuscule

en haut une marge intérieure de 5px, à gauche une marge extérieure de 2px
et la première lettre de chaque mot en majuscule

en haut une marge extérieure de 5px, à gauche une marge intérieure de 2px
et tous les caractères de mots en majuscule

La réponse correcte est : en haut une marge intérieure de 5px, à gauche une
marge extérieure de 2px et la première lettre de chaque mot en majuscule
Question 2 Je souhaiterais remplacer les puces de ma liste non ordonnée par l'image
Terminé img.jpg, pour ce faire, je définis le style
Note de 1,00 Messages personnels
sur 1,00 Veuillez choisir une réponse.
list-style-type:img.jpg;

image-list-style:img.jpg;

list-style-image:img.jpg;

Tout afficher

La réponse correcte est : list-style-image:img.jpg;

Question 3 Je souhaiterais, à partir du fichier index.html situé sur le D:\r1\r2\r2a, me

Terminé positionner au niveau niv1 du fichier dest.html situé sur le D:\r1\r3\r4. Pour ce
Note de 1,00 faire, je définis le lien
sur 1,00
Veuillez choisir une réponse.
<a href="../../r2/r2a/dest.html" target="niv1">...</a>

<a href="../../r2/r2a/dest.html#niv1">...</a>

<a href="../../r3/r4/dest.html#niv1">...</a>

La réponse correcte est : <a href="../../r3/r4/dest.html#niv1">...</a>

Question 4 Laquelle de ces balises permet de définir une zone de texte multiligne ?
Terminé
Note de 1,00 Veuillez choisir une réponse. Messages personnels
sur 1,00
<input type="textarea" />

<input type="text" /> 

<textarea>...</textarea>

Tout afficher
La réponse correcte est : <textarea>...</textarea>
Question 5
Terminé
<table>
<!-- Ligne 1 -->
Note de 1,00 <tr><td>1</td><td>2</td><td rowspan="2">3</td></tr> Messages personnels
sur 1,00 <!-- Ligne 2 -->
<tr><td>4</td><td>5</td><td>6</td></tr>
<!-- Ligne 3 -->
<tr><td colspan="2">7</td><td>8</td></tr> 
</table>

Tout afficher
Laquelle de ces lignes rencontre un problème ?

Veuillez choisir une réponse.

Ligne2

Ligne1

Ligne3

La réponse correcte est : Ligne2

Question 6
Terminé
<table>
<!-- Ligne 1 -->
Note de 1,00 <tr><td>1</td><td rowspan="3">2</td><td>3</td></tr> Messages personnels
sur 1,00 <!-- Ligne 2 -->
<tr><td>4</td><td>5</td></tr>
<!-- Ligne 3 -->
<tr><td>6</td><td>7</td><td>8</td></tr> 
</table>

Tout afficher
Laquelle de ces lignes rencontre un problème ?

Veuillez choisir une réponse.

Ligne2

Ligne3

Ligne1

La réponse correcte est : Ligne3

Question 7 Le fichier source s1.html se trouve dans le C:\r1\r2\r2a et le fichier de
Terminé destination d1.html se trouve dans le C:\r1\r3\r3b. De ces liens, quel est celui sui
Note de 1,00 est correcte ?
Messages personnels
sur 1,00
Veuillez choisir une réponse.
<a href="../r3/r3b/d1.html">...</a> 

<a href="../../r3/r3b/d1.html">...</a>

<a href="../../../r3/r3b/d1.html">...</a>
Tout afficher

La réponse correcte est : <a href="../../r3/r3b/d1.html">...</a>

Question 8 Pour appliquer une épaisseur de 5px au bord gauche de ma cellule, je définis le
Terminé style:
Note de 1,00
sur 1,00 Veuillez choisir une réponse.
border-left-width:5px;

left-border-width:5px;

width-border-left:5px;

Aucune propriété correcte

La réponse correcte est : border-left-width:5px;

Question 9 Pour centrer un bloc dans la page, il faut définir les styles
Terminé
Note de 1,00 Veuillez choisir une réponse. Messages personnels
sur 1,00
amargin-left: center; margin-right: center;

margin: auto; 
text-align: auto;

Tout afficher
La réponse correcte est : margin: auto;

Question 10 Pour définir l'interligne à partir des css, il faut définir le style:
Terminé
Note de 1,00 Veuillez choisir une réponse.
sur 1,00
height-line

line-height

space-line

La réponse correcte est : line-height

Question 11 Pour insérer l'image img.gif en arrière-plan sans qu'elle ne se répète dans la
Terminé page, je définis le style:
Note de 1,00 Messages personnels
sur 1,00 Veuillez choisir une réponse.
background: url("img.gif") no-repeat;

image-background: url("img.gif") no-repeat;

bg-image: url("img.gif");

Tout afficher

La réponse correcte est : background: url("img.gif") no-repeat;

Question 12 Pour insérer l'image img1.jpg située sur le C:\r1\r1a\img1 dans la page
Terminé index.html située sur le C:\r1, je définis le chemin:
Note de 1,00
sur 1,00 Veuillez choisir une réponse.
<img href="../img1/r1a/img1.jpg" />

<img src="r1a/img1/img1.jpg" />

<img href="r1a/img1/img1.jpg" />

La réponse correcte est : <img src="r1a/img1/img1.jpg" />

Question 13 Pour insérer l'image img2.jpg située sur le C:\r2a\r2a1\img2 dans la page
Terminé index.html située sur le C:\r1a\r3a\r3a1\r3a2, je définis le chemin:
Note de 1,00 Messages personnels
sur 1,00 Veuillez choisir une réponse.
<img src="../../r3a2/img2.jpg" />

<img href="../../r2a/r2a1/img.jpg" />

<img src="../../../../r2a/r2a1/img2/img2.jpg "/>

Tout afficher

La réponse correcte est : <img src="../../../../r2a/r2a1/img2/img2.jpg "/>

Question 14 Pour insérer l'image img2.png située sur le C:\r2a\r2a1\img2 dans la page
Terminé index.html située sur le C:\r1a\r3a\r3a1\r3a2, je définis le chemin:
Note de 1,00
sur 1,00 Veuillez choisir une réponse.
<img src="../../../../r2a/r2a1/img2/img2.jpg "/>

<img href="../../r2a/r2a1/img.png" />

<img src="../../../../r2a/r2a1/img2/img2.png "/>

La réponse correcte est : <img src="../../../../r2a/r2a1/img2/img2.png "/>

Question 15
Terminé
div{ box-shadow: 4px 5px 6px red; }

Note de 1,00 Messages personnels

sur 1,00
Que fait ce style ?

Veuillez choisir une réponse.
Il définit une ombre rouge de 4px à droite, 5px en bas et une étendue
d'ombre de 6px
Tout afficher
Il définit une ombre rouge de 5px en bas, 6px à gauche et une étendue
d'ombre de 4px

Il définit une ombre rouge de 4px en bas, 5px à gauche et une étendue
d'ombre de 6px

La réponse correcte est : Il définit une ombre rouge de 4px à droite, 5px en bas
et une étendue d'ombre de 6px
Question 16 Que fait l'attribut size de la balise select?
Terminé
Note de 1,00 Veuillez choisir une réponse. Messages personnels
sur 1,00
Il définit la largeur de la liste déroulante

Il définit le nombre d'éléments à afficher par défaut dans la liste déroulante 

Il définit le nombre d'éléments de la liste déroulante à sélectionner par
défaut

Tout afficher

La réponse correcte est : Il définit le nombre d'éléments à afficher par défaut

dans la liste déroulante

Question 17 Quelle pseudo-classe permet de définir un effet de survol sur un lien?

Terminé
Note de 1,00 Veuillez choisir une réponse.
sur 1,00
a:visited

a:survol

a:hover

La réponse correcte est : a:hover

Question 18 Quelle valeur donner à list-style-type pour avoir une liste à puces ordonnée de la
Terminé façon suivante: I, II, III... ?
Note de 1,00 Messages personnels
sur 1,00 Veuillez choisir une réponse.
upper-alpha

upper-roman

lower-alpha

Tout afficher

La réponse correcte est : upper-roman

Question 19 Quels styles dois-je appliquer à mon titre h1 pour qu'il soit en majuscule,
Terminé souligné et en italique ?
Note de 1,00
sur 1,00 Veuillez choisir une réponse.
text-decoration: underline; text-transform: uppercase; font-style: italic;

text-decoration: underline; text-transform: capitalize; font-weight: italic;

text-decoration: underline; text-transform: uppercase; font-weight: italic;

La réponse correcte est : text-decoration: underline; text-transform: uppercase;

font-style: italic;
Question 20 Soit un conteneur div auquel on veut donner une largeur visible totale de 760px.
Terminé Avec quels styles obtiendra t-on ce résultat ?
Note de 1,00 Messages personnels
sur 1,00 Veuillez choisir une réponse.
div {width: 740px; padding: 20px; border-width: 0; margin: 0;}

div {width: 720px; padding: 20px; border-width: 20; margin: 0;}

div {width: 700px; padding: 29px; border-width: 1px; margin: 0;}

Tout afficher

La réponse correcte est : div {width: 700px; padding: 29px; border-width: 1px;
margin: 0;}

ACTIVITÉ SUIVANTE
ACTIVITÉ PRÉCÉDENTE Notion de base en PHP
 Devoir -02- MODULE 2 - HTML ET CSS


Obtenir l'app mobile