Title: SNT: HTML CSS

À quoi sert le langage CSS ?

Q: À quoi sert le langage CSS ?
- A se compliquer la vie.
- A séparer le contenu et la présentation des documents web (correct)
- A créer une interaction avec l'internaute, une boite de dialogue par exemple.
- A être reconnu comme légitime sur internet .

Le code CSS

Déplacez les textes dans les emplacements qui leur correspondent.

Q: Le code CSS peut se placer dans la section [...] d'une page [...], ou encore dans un fichier [...] à la page, en utilisant la balise [...].

On y ajoute des [...] , qui vont s'appliquer à des éléments du BODY et définir leur mise en forme.
A: HEAD; HTML; externe; LINK; règles

Quel élément sépare la propriété de sa valeur ?

Q: Dans du code CSS entre quels caractères doit-on écrire les règles qu'on veut affecter à un élément?
- Des accolades { } (correct)
- Des parentheses  ( )
- Des crochets [ ]
- Des chevrons < >

Quel paragraphe en vert?

Q: Soit le code HTML ci dessous:

<html>
 <head>
        <title>Quizz</title>
        <style>
          h1 {color: red;}
          h2 {color: green;}
        </style>
 </head>
 <body>
        <h1>paragraphe 1</h1>
        <h2>paragraphe 2</h2>
        <p>paragraphe 3<p>
        <h2>paragraphe 4</h2>
        <h3>paragraphe 5</h3>
        <h1>paragraphe 6</h1>
        <font color="green">paragraphe 7</font>
 </body>
</html>

Quel sont les paragraphes qui vont s'afficher en VERT?
- Le paragraphe 1
- Le paragraphe 2 (correct)
- Le paragraphe 3
- Le paragraphe 4 (correct)
- Le paragraphe 5
- Le paragraphe 6
- Le paragraphe 7 (correct)

Quel code?

Q: Soit le code HTML ci dessous:

<html>
 <head>
        <title>Exemple texte structuré pour CSS</title>
        <style>
                h1 {color: red; font-size: 20px; }
                h2 {color: green;}
        </style>
 </head>
           <body>
           </body>
</html>

On veut ajouter le texte "Bonjour!", en rouge , taille 20. Quel code pourrait convenir et à quel emplacement?
- Le code: <h1>bonjour!</h1> placé entre <body> et </body> (correct)
- Le code: <h1>bonjour!</h1> placé entre <style> et </style>
- Le code: <font color=red">bonjour!</font> placé entre <body> et </body>
- Le code: <h2>bonjour!</h2> placé entre <body> et </body>

HTML Obligatoire?

Q: Dans une page HTML, quels éléments sont obligatoires pour que la page soit lue correctement par tous les navigateurs?
- Les balises <HTML> et </HTML> en début et fin (correct)
- Les balises <HEAD> et </HEAD> (correct)
- Les balises <BODY> et </BODY> en début et fin (correct)
- Du code CSS
- Du code Javascript

Le Javascript

Déplacez les textes dans les emplacements qui leur correspondent.

Q: Le Javascript est un [...] qui peut s'intégrer dans une page web. Celui-ci permet de décrire le comportement du [...] lorsqu'un événement se produit.

Les événements peuvent, par exemple, correspondrent au [...] de la page ou encore un [...] sur un [...].
A: langage; navigateur; chargement; clic; bouton

afficher une popup?

Q: Quel code permettrait d'afficher une popup dès le chargement d'une page web?
- <script>alert("coucou");</script>  N'importe ou dans la page (correct)
- <h1>coucou</h1> dans la section <BODY>
- <a href="coucou">cliquez ici</a> dans la section <BODY>
- alert("coucou"); n'importe ou dans la page

Balise <a>

Q: Dans une page HTML, je dois ajouter un lien qui pointe vers le site: https://www.codeur.com. Quel code dois-je insérer?
- <a href="https://www.codeur.com">cliquez ici</a> (correct)
- <a href=https://www.codeur.com>cliquez ici</a>
- <a>https://www.codeur.com</a>
- <img src="https://www.codeur.com">cliquez ici</img>

Une page HTML

Déplacez les textes dans les emplacements qui leur correspondent.

Q: Une page [...] est un [...] qui contient du code qui possède [...] .html

Ce code est visible quand on ouvre la page avec un [...] de texte simple (par exemple [...]) . Lorsqu'on ouvre une page HTML avec un navigateur (par exemple: [...]), on peut voir comment s'affiche la page.

Dans le code, on peut trouver des [...] qui permettent de mettre en forme le texte.
A: html; fichier texte; l'extension; éditeur; notepad++; firefox; balises

Image à intégrer

Q: Je dois intégrer une image de cerise dans une page html. L'image correspond à un fichier qui est dans le même dossier que la page html. Quel code convient?
- <img src="https://cerise.jpg">
- <img src="cerise.jpg"> (correct)
- <img src="cerise.jpg"></img>
- <a href="cerise.jpg">ceci est une cerise</a>

A quoi cela correspond?

Q: Dans le code suivant:

<font face="Arial" size="4" color="blue">Ceci est du texte</font>

a quoi correspond le mot "size" ?
- à un attribut de la balise font (correct)
- à du code CSS
- à une balise
- à du javascript

balise à refermer

Q: Parmi les balises suivantes, lesquelles nécessitent d'être refermées avec un </ ?
- la balise <a> (correct)
- la balise <img>
- La balise <table> (correct)
- la balise <html> (correct)