WorksheetsHTML & CSS Level 01
Total questions: 25
Worksheet time: 26mins
Parmi les balises suivantes lesquelles sont des balises sémantiques ?
<article>
<section>
<form>
<address>
<div>
Qu'adviendra-t-il du texte en bleu ? <p>Il a utilisé sa voiture <i>Audi</i>, car elle était très rapide.
le contenu sera affiché en italique
le contenu sera affiché comme une icone
le contenu affichera une image
le contenu définit le texte inséré dans un document
Aucune de ces réponses
Que fait le style position:fixed pour styliser une image ?
Place une image en fonction de la position de défilement de l'utilisateur.
Épingle une image à un endroit précis de la fenêtre du navigateur, même lorsque l'utilisateur fait défiler le contenu de la page.
Dimensionne une image à une taille fixe, quelle que soit la taille du navigateur de l'utilisateur.
Place une image à un endroit précis de la page par rapport au texte qui la précède.
Laquelle des méthodes suivantes est correcte pour définir le ViewPort ?
<meta name="viewport" content="width=device-width, initial-scale=1.0">
absolute
none
Sélectionnez les langages clients
HTML
Python
JavaScript
Perl
L’élément <span> est enfant de l’élément <p>
<div>
<p><span>Bonjour</span> le monde</p>
</div>
L’élément <p> est l’ancêtre de l’élément <span>
<div>
<p><span>Bonjour</span> le monde</p>
</div>
}
p.info.selection{
color : red;
}
Pour relier un fichier html à un fichier css, on utilise la balise
<link rel = "stylesheet" type = "text/css" href = "fichier.css/>
<meta charset = "UTF-8">
<h1> fichier.css </h1>
<strong> fichier.css </strong>
Pour faire appel à une classe, on utilise en CSS les instructions
.class { .... ;}
#class { .... ;}
/* class { .... ;} */
class { .... ;}
Pour réduire la taille d'un texte, on utilise
un sélecteur css
la balise html <h5> ou <h6>
un réducteur de taille
rien, car c'est impossible
La balise <ul> permet
de définir une liste non ordonnée
de définir une liste ordonnée
de définir une suite de paragraphe
souligner du texte
}
Quelle propriété utilisez-vous pour créer un espacement entre les éléments HTML ?
margin
spacing
padding
border
Quelles sont les propriétés CSS qui font partie du modèle de box ?
margin
width
padding
border
height
Lequel des éléments suivants sélectionne toutes les balises a qui sont les enfants immédiats des balises div ?
div > a {
...
}
div < a {
...
}
div + a {
...
}
...
}
Soit un conteneur "div" auquel on veut donner une largeur visible totale de 760 pixels. Avec quel style obtiendra-t-on ce résultat ? Note : le modèle de boite standard des CSS est bien sûr appliqué.
div {width: 760px; padding: 12px; border-width: 1px; margin: 0;}
div {width: 740px; padding: 1em; border-width: 0; margin: 0;}
div {width: 720px; padding: 5px; border-width: 5px; margin: 10px;}
div {width: 700px; padding: 29px; border-width: 1px; margin: 0;}
Comment faire pour qu'une div prenne toute la largeur disponible dans son bloc conteneur ?
div {width: 100%; padding: 10%;}
div {min-width: 100%;}
div {width: 80%; padding: 10%;}
C'est automatique, pas besoin de spécifier une largeur
Le positionnement relatif (position: relative)...
permet de positionner un élément par rapport à un autre élément, pris comme repère;
permet de positionner un élément par rapport aux limites de son élément parent;
permet de décaler un élément A par rapport à sa position "normale", en flux
permet d'appliquer la théorie de la relativité générale ET la théorie de la relativité restreinte à une mise en page.
Où se placera un élément positionné en absolu (position: absolute) avec left: 100px ?
À 100px du bord gauche de la fenêtre du navigateur;
À 100px du bord gauche de l'élément html;
À 100px du bord gauche de l'élément body;
À 100px du bord gauche de son élément parent;
À 100px du bord gauche de son plus proche ancêtre positionné.
Après une image flottante à droite (float: right;), on place un titre h2. Comment être sûr qu'il se placera en dessous de l'image flottante ?
img {clear: left;}
img {clear: right;}
h2 {clear: left;}
h2 {clear: right;}
Si j'écris a:active {color: red;} dans ma feuille de style, quels liens seront de couleur rouge ?
les liens pointant vers des pages mises à jour régulièrement
les liens pointant vers la page en cours (par exemple dans un menu de navigation)
n'importe quel lien de la page, mais uniquement au moment où on clique sur ce lien
n'importe quel lien de la page, mais uniquement au moment où on survole ce lien avec le pointeur de la souris
