- <aside> - <h2> - <h1> - <header> - <section> - <ul> *[columns=1]On veut créer un lien vers le paragraphe ayant pour titre intro. Quel est le code correct ? - ...<a href=’#intro’>Aller à l’intro</a>...<h1 class="intro">Intro</h1>... - ...<a href=’intro’>Aller à l’intro</a>...<h1 class="intro">Intro</h1>... - ...<a href=’intro’>Aller à l’intro</a>...<h1 id="intro">Intro</h1>... - ...<a href=’.intro’>Aller à l’intro</a>...<h1 id="intro">Intro</h1>... + ...<a href=’#intro’>Aller à l’intro</a>...<h1 id="intro">Intro</h1>... - ...<a href=’.intro’>Aller à l’intro</a>...<h1 class="intro">Intro</h1>... *[columns=2]Si on j’écris la règle « * {color:red;} » dans un fichier CSS rattaché à ma page web, je vais afficher en rouge : - le fond des paragraphes + tout le texte de la page - le texte des paragraphes - le fond de la page - le fond de tous les sous-blocs de la page - rien du tout : cette syntaxe est incorrecte ! *[columns=2]Parmi ces balises, laquelle n’existe plus en HTML 5 ? - <table> - <h3> - <em> - <article> - <head> + <center> - <p> *[columns=2]En CSS, pour choisir une couleur, toutes les valeurs suivantes sont valides sauf une, laquelle ? - #AE05F4DD - red - #AE05F4 - rgb(200, 150, 20) + rgb(#AE, #05, #F4) - rgba(200, 150, 20, .5) *[columns=2]Toutes ces phrases sont vraies sauf une, laquelle ? - les JPG et PNG permettent d’utiliser 16 millions de couleurs - il vaut mieux utiliser le PNG pour des images crées avec un logiciel de dessin, et le JPG pour les photos - le PNG est un format de compression sans perte + le JPG est un format de compression sans perte - le PNG permet la transparence mais pas le JPG - le GIF est un vieux format dont le seul intérêt actuellement est de pouvoir faire des animations - le SVG est un format d’image vectoriel *[columns=2]Quel code CSS permet de changer la couleur du premier paragraphe de chaque section ? - p section:nth-child(1) {color:red;} - p section :nth-of-type(1) {color:red;} - section p:nth-of-type(1) {color:red;} + section p :nth-of-type(1) {color:red;} - section p :nth-child(1) {color:red;} - section p:nth-child(1) {color:red;} - p section:nth-of-type(1) {color:red;} - p section :nth-child(1) {color:red;} *[columns=1]On veut créer un menu de navigation avec tous les jours de la semaine. À terme, le menu devra ressembler approximativement à ceci : [verbatim] Lundi Mardi Mercredi Jeudi Vendredi Samedi Dimanche [/verbatim] En ce qui concerne le code HTML (autrement dit, la structure seulement, pas la mise en forme), lequel de ces codes est le plus pertinent : - <nav><ol><li>Lundi</li>...<li>Dimanche</li></ol></nav> - <div><ol><li>Lundi</li>...<li>Dimanche</li></ol></div> - <table><tr><th>Lundi</th>...<th>Dimanche</th></tr></ul></table> - <div><ul><li>Lundi</li>...<li>Dimanche</li></ul></div> - <table><tr><td>Lundi</td>...<td>Dimanche</td></tr></ul></table> + <nav><ul><li>Lundi</li>...<li>Dimanche</li></ul></nav> *[columns=2]On veut afficher tous les éléments d’une liste les uns à la suite des autres pour créer un menu horizontal : [verbatim] <ul> <li>accueil</li> <li>cv</li> <li>mes projets</li> <li>liens</li> </ul> [/verbatim] qui doit donner [verbatim] accueil cv mes projets liens [/verbatim] Quel est le code CSS correspondant (sans l’affichage des bordures) : - li {inline:True;} - li {style:left-to-right;} + li {display:inline-block;} - li {position:fixed;} - li {linebreak:none;} *[columns=2]La règle CSS « footer {clear:right} » - supprime la bordure de droite du footer - éclaircit le bloc à droite du footer - supprime la marge de droite du footer - indique qu’il faut bien effacer le footer - empêche le footer de flotter à droite de la page + empêche qu’un bloc précédent flotte à droite du footer - éclaircit la bordure de droite h efface tout ce qui est à droite du footer. *[columns=2]Pour afficher le titre principal de ma page HTML, j’écrirai dans le body : - <h1="Mon titre"> - <head>Mon titre</head> - <p>Mon titre</p> + <h1>Mon titre</h1> - <head="Mon titre"> - <p="Mon titre"> - aucune réponse n’est correcte ! *[columns=2]Quel code CSS permet de centrer une image : - img {center:true;} - img {margin:auto;display:inline;} - img {align:center;} - img {text-align:center;} - img {margin:auto;display:inline-block;} + img {margin:auto;display:block;} - img {horizontal-align:center;} *[columns=2]À quoi sert la balise <meta charset= "utf-8"/> ? - à rien, on n’est plus obligé de la mettre en HTML5 - à permettre le référencement de la page + à définir l’encodage de la page - à donner une touche geek à la page - à indiquer qu’il s’agit d’une page HTML - à indiquer la langue du document - à pouvoir utiliser une feuille de style *[columns=2]Dans le dossier www/, j’ai un fichier index.html et un sous-dossier contenu/, qui contient lui-même les fichiers page1.html et page2.html. Comment crée-t-on un lien vers index.html depuis page1.html ? - <a src=".index.html">accueil</a> - <a src="./index.html">accueil</a> + <a href="../index.html">accueil</a> - <a src="..index.html">accueil</a> - <a src="../index.html">accueil</a> - <a href="./index.html">accueil</a> - <a href="..index.html">accueil</a> - <a href=".index.html">accueil</a> *[columns=2]À quoi correspond le padding : - l’environnement - le fond - la bordure - le mode d’affichage - un sport aquatique + la marge intérieure - la marge extérieure - aucune de ces réponses n’est correcte ! *[columns=2]Voici un « morceau » de page HTML : [verbatim] <aside><ul> <li><ol> <li>A</li> <li>B</li> </ol></li> <li><ul> <li>C</li> <li>D</li> </ul></li> </ul></aside> [/verbatim] Quel sélecteur CSS permet de changer le style de puce de toutes les listes non ordonnées du bloc aside ? - aside>ul li {list-style:square;} - aside li ul {list-style:square;} - aside>li ul {list-style:square;} - aside ul li {list-style:square;} + aside ul>li {list-style:square;} - aside>ul>li {list-style:square;} - aside>li>ul {list-style:square;} *[columns=2]Un seul de ces morceaux de code HTML5 est valide, lequel ? - <p><span>ok</p></span> - <table><th><td></td></th></table> - <p><span color="red">ok</span></p> + <p><q lang="en">to be</q></p> - <li><ul>a</ul><ul>b</ul></li> - <nav><li></li><li></li></nav> *[columns=2]Parmi ces propriétés, laquelle permet, sur les navigateurs qui la supportent, d'appliquer une largeur de 100% - 50px à l'élément concerné ? - width: auto - 50px; - width: 100% - 50px; + width: calc(100% - 50px); - width: calc(100% -50px); *[columns=2]Comment cibler tous les liens de la page sauf ceux qui contiennent la chaîne "myiut" ? + a:not([href*="myiut"]) - a[href!="myiut"] - a![href*="myiut"]