HTML -- CSS SQL 08/10/2025
exam
Application Hypermédia
Objectifs:- - Création des sites web statique
Première partie : HTML (10 pts)
Exercice 1 (8 pts)
1. (2 pts) Voici un court document écrit en HTML4 "strict", trouvez les 4 erreurs qui s'y
sont glissées :
2. <html>
3. <head>
4. <title>
5. titre de la page
6. </title>
7. </head>
8. <body>
9. <center><h1>titre centré</h1>
10. Voici le texte de la page.
11. <li>Voici un élément de liste</li>
12. <img src="[Link]">
13. <table summary="une table">
14. <td>element1</td>
15. <td>element2</td>
16. </body>
17. </html>
2. (2 pts) Comment décririez-vous en HTML le tableau suivant ? Le tableau prend toute la
largeur de la page, le bandeau supérieur fait 100 pixels de haut, et la première colonne fait
20% de la largeur.
18. +---------------------------+
19. | titre |
20. +-----+---------------------+
21. |tdm | contenu |
22. | | |
23. | | |
24. | | |
25. | | |
26. +-----+---------------------+
3. (2 pts) Décrivez la même structure avec un frameset
4. (1 pt) Quelle est la différence entre class et ID ?
5. (1 pt) A quoi sert l’attribut ALT d’une image ?
Formateur : Mr Elyamni Zakaria 1
HTML -- CSS SQL 08/10/2025
Exercice 2 : QUELQUES BALISES (2 pts)
Quelles sont les significations des balises :
– <br>
– <sub>
– <b>
– <u>
– <sup>
– < !- et ->
–  
- <blink>
Deuxième Partie : CSS (5 pts)
1. (1 pts) Rappelez en une phrase l'intérêt de l'utilisation des feuilles de style, par
rapport à la méthode qui consistait à include les éléments de style dans le HTML
2. (4 pts) Écrivez une feuille de style comportant les caractéristiques suivantes :
1. Le fond de la page est blanc, l'image de fond est "[Link]", elle se répète
horizontalement et verticalement, la marge à gauche est de 2cm, la police
utilisée pour le corps du document est Arial (ou Helvetica, ou toute autre
police sans sérif) en taille 12pt.
2. les éléments de liste ordonnée sont (OL) écrits en bleu
3. Les paragraphes de classe "important" sont écrits en rouge.
4. les éléments de sous-liste (liste incluse dans une liste) sont écrits en vert.
Troisième Partie : Java Script (5 pts)
Etablir un programme en Javascript permettant de calculer la moyenne de 3 notes
saisies dans les 3 zones de
texte et de déterminer la mention
équivalente sachant que : La mention est :
. Doublant si MG <10
. Passable si MG >=10 et MG<12
. [Link] si MG >=12 et MG<14
. Bien si MG >=14 et MG<16
. [Link] si MG >=16 et MG<18
. Excellent si MG >=18 et MG<=20
Exercice 2 :
Formateur : Mr Elyamni Zakaria 2
HTML -- CSS SQL 08/10/2025
Formateur : Mr Elyamni Zakaria 3