TP2-HTML : exercices corrigés Partie 1
1. Crée un nouveau document dont le titre sera Exercice 1.
2. L'arrière-plan du document sera bleu verdâtre, le texte noir, les liens verts, les liens actifs rouges et les liens visités gris. Utilise la commande Spécialisés, Corps du document pour insérer ces codes de base.
3. Écris la phrase suivante avec la police de caractères Comic Sans MS:
Je débute mon apprentissage du langage HTML.
4. Reviens avec la police de base.
5. Fais un changement de ligne.
6. Écris la phrase suivante en augmentant la police de base de 2. (La taille par défaut est 3):
J'écris maintenant avec la police de base, de taille 5.
7. Reviens avec la taille de base.
8. Fais un changement de paragraphe.
9. Écris cette expression:
36 cm3
10. Fais un changement de ligne.
11. Écris cette expression:
30 °C
12. Fais un changement de paragraphe.
13. Trace une ligne pleine longueur.
14. Fais un changement de paragraphe.
15. Écris cette liste non ordonnée:
o Pommes o Poires o Ananas
16. Fais un changement de paragraphe.
17. Écris maintenant cette liste ordonnée:
A. Aimer B. Détester C. Haïr D. Adorer
18. Fais un changement de paragraphe.
19. Écris maintenant une définition de liste:
Langage HTML
Codification utilisée pour les documents WWW. Ce type de codes a été inventé par Tim Berners-Lee alors au CERN.
Langage Java
Programmation qui fait suer son concepteur tout en lui apportant plusieurs satisfactions...
20. Fais un changement de ligne, trace une ligne centrée horizontalement qui occupera 80 % de la largeur de la page. Termine avec un changement de paragraphe.
21. Sauvegarde ton travail sur ton dossier personnel. Nomme ton fichier exercice1.html
Partie 2
22. Insère une image de format .gif à droite de ton document de travail et laisse 8 espaces entre l'image et le texte.
Écris ce qui suit:
Je suis fier ou fière de moi. J'illustre mon état d'âme par une image significative. Elle est alignée à droite.
23. Termine ton texte par un code spécial qui forcera le prochain texte à s'écrire après l'image.
24. Trace une ligne horizontale sur toute la largeur de la page.
25. Un éditeur employé pour codifier des pages en HTML est le WebExpert. On peut trouver cet éditeur dans Internet, à l'adresse suivante: http://www.visic.com/webexpert/
Fais maintenant un hyperlien externe sur le mot WebExpert. Essaie ce lien.
26. Fais un changement de paragraphe et trace une ligne horizontale sur toute la largeur de la page.
27. Si tu as une adresse Internet, écris ton nom et place ton adresse en hyperlien.
28. Convertis les caractères accentués. N'oublie jamais d'exécuter cette procédure avant de placer un texte dans Internet afin que tous les usagers puissent lire la page.
29. Sauvegarde ton fichier sous le même nom qu'à la partie 1.
Corrigé de l'exercice HTML 1
Partie 1
1. Clique sur Fichier de bloc-notes, Nouveau et dans la case Titre, écris Exercice1.txt et insère les codes des réponses qui suivent.
2. Voici les codes à insérer :
<BODY BGCOLOR="#008080" TEXT="#000000" LINK="#000080" VLINK="#C0C0C0"
ALINK="#FF0000">
3. Voici les codes à insérer :
<FONT FACE="Comic Sans MS">Je débute mon apprentissage du langage HTML.</FONT>
4. Place le curseur après le code </FONT>.
5. Voici la balise à insérer :<BR>
6. Voici les codes qui doivent être insérer:
<FONT SIZE=5>J'écris maintenant avec la police de base, de taille 5.</FONT>
7. Place le curseur après le code </FONT>.
8. insère :<P>
9. Écris l'expression et les codes pour l'exposant. Voici les codes : 36 cm<SUP>3</SUP>
10. Voici le code : <BR>
11. Écris 30, fais un espace, aller aux Caractères spéciaux, place le symbole du degré en surbrillance et clique sur le crochet. Le symbole degré s'insère lui-même. Termine l'expression par C. Voici les codes qui s'afficheront:
30 °C
12. Voici la balise :<P>
13. Voici la balise à insérer :<HR>
14. Voici le code :<P>
15. Voici les codes à insérer:
<UL TYPE=DISC> <LI>Pommes <LI>Poires <LI>Ananas</UL>
16. insère:<P>
17. Voici les codes :
<OL TYPE=A> <LI>Aimer <LI>Détester <LI>Haïr <LI>Adorer</OL>
18. Voici le code :<P>
19. Voici les codes :
<DL> <DT>Langage HTML<DD>Codification utilisée pour les documents WWW. Ce type de codes a été inventé par Tim Berners-Lee au CERN. <DT>Langage
Java<DD>Programmation qui fait suer son concepteur tout en lui apportant plusieurs satisfactions...</DL>
20. Voici les code :
<BR><HR WIDTH=80%><P>
21. Clique sur Fichier de bloc-notes, Enregistrer sous. Sélectionne ton dossier personnel et dans la case Nom du fichier, écrit Exercice1.html. Clique sur Sauvegarder. Maintenant ouvre ton fichier par ton navigateur et regarde le résultat.
Partie 2
22. Voici les codes :
<IMG SRC="youppi.gif" BORDER=0 WIDTH=210 HEIGHT=180 HSPACE=8 align=right>Je suis fier ou fière de ...
23. Voici le code : <BR clear=all>
24. <HR>
25.Voici les codes :
<A HREF="http://www.visic.com/webexpert/">WebExpert</A>
26. <P><HR>
27. Voici les codes :
<A HREF="mailto:xx@cyberscol.qc.ca">Ton nom</A>
28. utiliser la conversion, sur résumé du cours, des caractères spéciaux.
29. Sauvegarder ton fichier.
Résultats Partie 1
3. Je débute mon apprentissage du langage HTML.
6.
J'écris maintenant avec la police de base, de taille 5.
9. 36 cm3 11. 30 °C 15.
Pommes
Poires
Ananas 17.
A. Aimer B. Détester C. Haïr D. Adorer 19.
Langage HTML
Codification utilisée pour les documents WWW. Ce type de codes a été inventé par Tim Berners-Lee au CERN.
Langage Java
Programmation qui fait suer son concepteur tout en lui apportant plusieurs satisfactions...
Partie 2
22. Je suis fier ou fière de moi. J'illustre mon état d'âme par une image significative. Elle est alignée à droite.
25. WebExpert 27. Ton nom