Finale XHTMl, CSS, JavaSCripT

Question 1 :
Parmi ces extraits de code, lequel comporte une syntaxe valide pour créer un
paragraphe de texte ?
 <p> Ceci est mon texte </p>

Question 2 :
Vous avez une page index.html qui veut afficher l’image perroquet.png. Cette image
se situe dans le dossier /images.
Quel snippet de code permet d'afficher la photo ?
 <img src="images/perroquet.png" alt="Un perroquet mange une amande">

Question 3 :
Dans ce bout de HTML, plusieurs erreurs ont été commises. Qu'est-ce qui ne va
pas ? (Essayez de trouver les réponses par vous-même avant de voir les options
proposées).
 La balise <p> n'est pas fermée
 <h2> est utilisé alors qu'il n'y a pas de <h1>

Question 4:
Une valeur et un attribut permettent, ensemble, d'ouvrir un lien dans un nouvel
onglet. Lesquels ?
 La valeur _blank
 L’attribut target

Question 5:
Parmi ces affirmations à propos des commentaires HTML, lesquelles sont
correctes ?
 il existe des raccourcis clavier selon l'éditeur de code pour commenter du code
rapidement
 En HTML, on ouvre un commentaire avec <!--
Question 6:
Quel bout de code permet d'obtenir le résultat de l'image ci-dessous ?

 <a href="http://lien.com" title="Cliquez pour voir">Ceci est un lien</a>

Question 7 :
Quel bout de code correspond à l'affichage de l'image juste en dessous ?

<ul>
<li>Paris</li>
<li>Taipei</li>
<li>Kyoto</li>
<li>Sydney</li>
</ul>

Question 8:
Vous avez une base de code, dans laquelle les fichiers sont organisés de la manière
suivante :

Voici à quoi ressemble votre fichier page2.html :

Quel morceau de code permet de créer un lien vers la page 1 à la place du
commentaire Insérer ici un lien vers la page 1 ?
 <a href="../dossier1/page1.html">Page 1</a>

Question 9 :
Quelles étapes doit-on suivre pour importer du CSS dans un fichier HTML ?
 Utiliser la balise <link> pour importer le fichier
 Créer un fichier ayant l'extension .css
Question 10 :
Comment faire pour que la couleur du titre ainsi que du paragraphe soient #ff1493 ?

 h1, p {
color: #ff1493; }

 h1 {
color: #ff1493;
} p{
color: #ff1493;
}

 h1, p {
color: rgb(255, 20, 147);
}

Question 11:
On a le HTML suivant :
<p class="premier-paragraphe"></p>
<p class="deuxieme-paragraphe"></p>
À partir de l'aperçu suivant, quelles propriétés de texte ont été appliquées dans les
classes premier-paragraphe ou deuxieme-paragraphe ?
 font-size
 text-decoration
 color

Question 12:
Que devez-vous écrire dans le fichier CSS au niveau de la classe .banner pour
obtenir le même résultat ? N'hésitez pas à copier-coller le code pour voir ce que vous
obtenez.
 background: linear-gradien(to left, #1CB5E0, #000046);
 background: linear-gradien(to right,#000046, #1CB5E0);

Question 13 :
Parmi les affirmations suivantes, laquelle est fausse ? L'apparence visuelle du site
dépend beaucoup de la structure des balises
 <header>, <main> et <footer>
Question 14 :
Quel bout de code ajouter dans la classe .element pour arriver à la capture d'écran
ci-dessous ?

 padding-top: 50px;
padding-bottom: 50px;

 padding: 50px;

Question 15 :
Parmi les éléments suivants, lesquels sont nativement des éléments inline qui vont se
mettre les uns à la suite des autres sans prendre toute la largeur ?
 A
 Span

Question 16 :
Soit le code JavaScript suivant qui permet de commencer la page d’acceuil de votre
site web par le texte bonjour si l’heure est en matinnée :
<script type= ‘’text/Javascript’’>
date = new Date();
time = date.getHours();
if (heure < 12) {
document.write("Bonjour");
} else if (heure < 18) {
document.write("Bon après-midi");
} else {
document.write("Bonsoir");
}
</script>
Question 17:
Soit le JavaScript suivant qui affiche sur une page web la table de multiplication par
3, de 0 à 10 ;
Modifiez ce JavaScript pour afficher la table de multiplication par 5, de 1 à 20 à l’aide
d’une boucle while.

<script type= ‘’text/Javascript’’>

var nombre = 1;
while (nombre <= 20) {
var resultat = nombre * 5;
document.write(resultat);
nombre++; }
</script>

Question 18 :

Expliquer comment intégrer du JavaScript dans vos pages XHTML

Il y’a deux façons d’intégrer du JavaScript dans nos pages XHTML
 Placer le code JavaScript directement dans une balise <script>
 Créer un fichier ayant l’extension .js