Que signifie l'acronyme HTML ? HyperText Markup Language
Quelle est la première balise obligatoire dans un fichier HTML ? La déclaration du doctype
A quel emplacement est défini l'encodage des caratères et comment ? Dans une balise <meta /> inclus dans le <head> sous la forme: <meta charset="UTF-8" />
À quoi sert la balise <head></head> ? À déclarer l'entête du document HTML (informations sur la page)
Quelle balise contient les éléments visible d'une page html ? <body>
Comment et où déclare t'on l'appel à une feuille de style ? Avec la balise <link rel="stylesheet" type="text/css" href="" />, dans la balise head
Comment déclarer une description associée à la page HTML <meta name="description" content="" />
Quelles balises sont auto-fermante ? <input>, <img>, <link>, <meta>, <hr>, <br>...
Que contient la balise auto-fermante img ? des attributs : alt, title, src, class...
Quel attribut permet de renseigner le chemin d' un lien ? href
Comment déclare t-on une liste ordonnée ?ol
Comment déclare t-on une liste de définitions ?dl
Comment déclare t-on une citation courte ?q
Comment déclare t-on une légende pour une image ? figcaption dans une figure
Est-ce un chemin relatif ou absolu ? <a href=«castorama.fr/liste-tarifs.pdf»>liste-tarifs</a> chemin relatif
Quel attribut permet d'ouvrir une page dans un nouvel onglet ?target="_blank"
Quel format d'image gère la transparence ? png, gif et svg
Où doit on écrire le CSS ?Feuille de style CSS appelée dans le head
Où peut on écrire le CSS ? dans une balise style dans le head ou dans la balise avec l'attribut style
section, footer { color: green; }
p { color: blue; }
De quel couleur sera le titre de ma section ?green
De quelle couleur seront les paragraphes de ma section ?blue
De quelle couleur seront les paragraphes du footer ?blue
De quelle couleur seront les liens du footer ?blue
Comment gère t-on la transparence en CSS ?RGBA et opacity
Quelle largeur fait un paragraphe contenu dans une section de 980px ?980px
Et si on lui applique une largeur de 50% ?490px
Si on applique finalement une valeur de 90% à la section, quelle taille fait le paragraphe ?toujours 50% de la section qui fait elle même 90% de son parent
Combien de niveaux de titre prédéfini existe t-il en HTML ? 6
Que signifie div ?division
Comment déclare t-on une classe et un id côté CSS ?avec un point et un hashtag
Que cible h2 span {...} ?Tous les span contenus dans un H2
Que cible div.hentry ?Tous les div avec la classe hentry
Que cible : div > p ?Tous les paragraphes directement contenus dans une div
Que cible : h2 + p ?Tous les p suivant directement un H2
Que cible : a[title=«google»] ?Tous les liens ayant l'attribut title avec pour valeur google
Que cible li:nth-child(3) a ?Tous les 3èmes enfants li
Que cible li:nth-child(3) a:hover ?Tous les liens survolés contenus dans un 3ème li
Que cible article:last-child ?Tous les derniers articles enfants
Que cible div:nth-of-type(2) ?Tous les 2ème frères div
Avec quelle propriété CSS gère t-on la répétition du background ?background-repeat
Avec quelle propriété CSS gère t-on le scroll du background ?background-attachement
Avec quelle propriété CSS gère t-on la taille du background ?background-size
Quelle est la différence entre contain et cover ?cover remplit complètement et rogne si besoin alors que contain cherche à remplir et s'arrête dès qu'il touche un bord
Dans un background multiple quelle image sera au premier plan ?la première déclarée
Pour la balise "input", quelles sont les valeurs possible de l’attribut type ? radio, checkbox, text, password, file, mail, tel, date, url, hidden...
Quelle sont les bonnes syntaxes pour écrire des commentaire en HTML et en CSS ? <!-- commentaire html --> / /* commentaire CSS */
Quel couple d’attributs permet de lier sémantiquement un "label" à un champ dans un formulaire ? for /id
Citez 5 balises HTML5 header, footer, nav, section, article, aside, figure, figcaption, video, audio, mark...
Quelles balises block peut on insérer dans la balise p ? et dans les balises titres ? aucune
Peut on imbriquer des balises block dans la balise li ? oui
Quel type d'images peut on inclure avec la balise img ? jpg / png / gif / svg
Comment habiller une image avec du texte ? avec la propriété float
Quel est la nature de la balise lien ? Comment la modifier et pourquoi ? inline / display:block / pour en faire un bouton
Comment créer une ancre ? id="monAncre" / a href="#monAncre"
Que signifie CSS ? Cascading Style Sheets
Qui publie les recommandations CSS ? W3C
Est-il obligatoire de passer par un fichier externe pour incorporer du CSS ? Non
Dans la règle suivante, quel élément deviendra rouge ? strong.intro {background-color: red;} L'élément <strong> dont la classe est "intro"
Dans la règle suivante, quel élément deviendra bleu ? div p {background-color: bleu;} Tout les p contenus dans des div
Dans la règle suivante, quel élément deviendra rouge ? h3 + p {background-color: red;} Tout les p suivants directement un titre h3
Dans la règle suivante, quel élément deviendra rouge ? section > p {background-color: red;} Tout les p enfants directs de la section
Quelle est la taille visible de cette div {width: 700px; padding: 30px; border-width: 1px; margin: 10px;} 762px
Peut-on cibler un élément HTML sans préciser de classe ou d'id ?
Oui en utilisant les balises natives ou les pseudo-classComment faire pour qu'une div prenne toute la largeur disponible dans son bloc conteneur ? walou c'est automatique
A quoi sert les pseudo class CSS ? Les pseudo classe permettent d'appliquer du style à une balise en réaction à un événement a:hover et le ciblage d'éléments imbriqués.
Combien de classes CSS peut-on utiliser pour une balise HTML ? Autant que l'on veut, séparées par des espaces
Peut-on ajouter un élément HTML en CSS ? Oui avec les pseudos-elements :after et :before
Dans quel ordre doit-on placer, dans le code HTML, deux éléments que l'on veut placer côte à côte, en sachant qu'un seul de ces éléments sera flottant ? L'élément flottant d'abord, puis l'élément non flottant.
Le positionnement relatif (position: relative)... permet de décaler un élément A par rapport à sa position "normale", en flux. Vrai ou Faux ? Vrai
Avec quelle propriété CSS déclare t-on une marge intérieure ?padding
Que signifie margin : 20px 40px ; ?marge extérieure de 20px sur l'axe vertical et 40px sur l'axe horizontal
Que signifie padding: 20px 40px 15px; ?une marge intérieure de 20px au top de 40px sur l'axe horizontale et de 15px en bottom
Comment se mesure la taille réelle d'une boite ?width + border + padding
Avec quelle propriété CSS impose t-on à la boite de faire la largeur déclarée ?box-sizing:border-box;
Quelle déclaration CSS permet-elle de faire disparaître un élément ?display:none;
Quelles valeurs de display permettent de basculer un block en ligne ?inline et inline-block
La valeur inline permet-elle de donner des dimensions à mon élément ?non pas du tout
Comment annuler le float sur un élément qui suit directement des éléments flottants ?En appliquant clear:both; à l'élément suivant les éléments flottants
Comment faire pour empêcher le dépassement du conteneur des éléments flottants ?En appliquant un overflow:hidden au parent ou en y ajoutant une classe clearFix qui avec le pseudo-element ::after appliquerait le clear:both;<
Un élément en position : relative ; est-il reconnu par ses congénères ?Oui
Et un élément en absolute ?Non
Comment se positionne un élément en absolute, par rapport à qui et avec quelles propriétés ?Par rapport à un parent ou ancêtre positionné et avec les propriétés left, top, right et bottom
Quelle taille fait un élément en absolute ?Comme un élément inline la taille de son contenu
Fait il toujours partie de son conteneur ?Bah non !