WorksheetsHTML CSS niveau débutant
Total questions: 21
Worksheet time: 11mins
Qu'est-ce qu'une feuille de style ?
la partie du HTML qui permet d'indiquer comment présenter visuellement les éléments
un fichier indiquant des correspondances entre des éléments structurel et des indications précisant comment présenter ces éléments
cela désigne les différentes instructions placées dans le HTML pour préciser sa présentation par le moteur de rendu
Une feuille de style ne peut être utilisée que par un document unique, elle n'est pas réutilisable
VRAI
FAUX
Quelles sont les bonnes syntaxes pour écrire un lien ?
Plusieurs réponses sont possibles.
<A HREF="ma-deuxieme-page.html">cliquez ici</A>
<a href="ma-Deuxieme-page.html">cliquez ici</a>
<a href="ma-deuxieme-page.html">cliquez ici</a>
<a src="ma-deuxieme-page.html">cliquez ici</a>
Google Chrome est un navigateur web. Qu'est-ce que cela veut dire ?
Plusieurs réponses sont possibles.
C'est un logiciel permettant d'afficher des pages web
C'est le logiciel côté client, il affiche notamment le résultat en HTML
C'est un logiciel qui ne marche pas sans Internet
Où chercher des solutions quand vous êtes bloqué(e)?
par méditation
sur des site de références (stackoverflow, MDN, W3School...)
Avec vos voisins
Appeler le formateur
Comment importer la police de caractères Roboto depuis Google fonts ?
Plusieurs réponses sont possibles.
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link url="https://fonts.googleapis.com/css?family=Roboto" rel="font">
@import url('https://fonts.googleapis.com/css?family=Roboto');
@font-face url('https://fonts.googleapis.com/css?family=Roboto');
Comment créer une balise div de largeur 900px, centrée dans ma page ?
.div{ width:900px; padding: 0 auto; }
div{ width:900px; margin: auto; }
div{ width:900px; text-align:center; }
.div{ width:900px; margin: 0 auto; }
Quelle est la syntaxe correcte pour intégrer une feuille de style en HTML ?
<head> <link rel="stylesheet" src="style.css"> </head>
<body> <link rel="stylesheet" href="style.css"> </body>
<head> <link rel="stylesheet" href="style.css"> </head>
<body> <a href="style.css" rel="stylesheet"> </body>
Quel attribut peut être ajouté à de nombreux éléments HTML / XHTML pour les identifier en tant que membre d’un groupe spécifique?
id
class
div
span
Comment écrire un commentaire en CSS?
// un commentaire //
/ un commentaire /
<!-- un commentaire -->
/* un commentaire */
Quelle balise utilisera-t-on de préférence pour le titre principal d'une page html
<h1>
<head>
<heading>
<titre>
Laquelle de ces syntaxes est correcte pour écrire un commentaire en HTML ?
<--Commentaire-->
/*Commentaire*/
<!--Commentaire-->
//Commentaire//
A quoi sert l'attribut alt de l'élément img ?
A donner une description de l'image si celle-ci ne peut pas s'afficher
A donner un lien alternatif vers l'image si le premier est cassé
A afficher une deuxième image si la première ne peut pas s'afficher
En HTML5, la balise <header> a le même rôle que la balise <head>
VRAI
FAUX
Pour créer un lien vers la page d'accueil de Wikipédia, on écrira...
<a target="http://wikipedia.org">Wikipédia</a>
<a href="http://wikipedia.org">
<a href="http://wikipedia.org">Wikipédia</a>
Quels éléments sont nécessaires pour créer une liste dont les éléments ne sont pas numérotés ?
ul et li
ol et li
ul et ol
Laquelle de ces syntaxes est correcte pour intégrer une image dans la page html ?
<img>src="mon-image.jpg" alt="Une image"</img>
<img src="mon-image.jpg" alt="Une image">
<img href="mon-image.jpg" alt="Une image">
En CSS, comment sélectionne t-on la classe de cet élément <div class="div1"> ?
div1
#div1
.div1
Que représente le padding d'un élément ?
La marge intérieure
La marge extérieure
Le contenu de l'élément
Si on ne donne que deux valeurs à la propriété padding, la première valeur représente...
La marge intérieure haute
Les marges intérieures droite et gauche
Les marges intérieures haute et basse
Quelle propriété de Flexbox existe vraiment ?
corn-flex
re-flex
tarti-flex
flex-wrap
circon-flex
