Corrigé de l'exercice HTML 1

Partie 1

Procédures

1. Clique sur Fichier, Nouveau et dans la case Titre, écris Exercice 1. Clique sur OK.

2. Clique sur Spécialisés, Corps du document et choisis les options de couleurs. Clique sur OK. Une fenêtre s'ouvre et cette question est posée: Voulez-vous remplacer le corps BODY actuel par le nouveau? Clique alors sur "Oui". Voici les codes qui s'afficheront:

<BODY BGCOLOR="#008080" TEXT="#000000" LINK="#000080" VLINK="#C0C0C0" ALINK="#FF0000">3. Clique sur Communs, Police et dans Polices sélectionnées, choisis Comic Sans MS. Clique sur Ajouter et sur OK. Écris la phrase entre et .
Voici les codes qui s'afficheront:Je débute mon apprentissage du langage HTML.4. Place le curseur après le code .

5. Clique sur l'icône Nouvelle ligne dans la barre Communs. Voici le code qui s'affichera:

6. Clique sur Communs, Police et choisis la taille 5. Clique sur OK. Écris la phrase entre et .
Voici les codes qui s'afficheront:J'écris maintenant avec la police de base, de taille 5.7. Place le curseur après le code .

8. Clique sur l'icône Paragraphe dans la barre Communs. Voici le code qui s'affichera:

9. Écris l'expression et les codes pour l'exposant. Voici les codes qui s'afficheront:36 cm310. Clique sur l'icône Nouvelle ligne dans la barre Communs. Voici le code qui s'affichera: 11. Écris 30, fais un espace, clique sur Spécialisés, 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 °C12. Clique sur l'icône Paragraphe dans la barre Communs. Voici le code qui s'affichera:13. Clique sur Spécialisés, Ligne horizontale et sur OK. Voici le code qui s'affichera:<HR>14. Clique sur l'icône Paragraphe dans la barre Communs. Voici le code qui s'affichera:15. Clique sur Tableaux, Cadres et Listes et choisis Liste non ordonnée. Sélectionne 3 dans la case Élément(s). Dans Contenu de la liste, écris Pommes sur la 1^re ligne, Poires sur la 2^e ligne et Ananas sur la 3^e ligne. Clique sur OK.
Voici les codes qui s'afficheront:<UL TYPE=DISC> <LI>Pommes <LI>Poires <LI>Ananas</UL>16. Clique sur l'icône Paragraphe dans la barre Communs. Voici le code qui s'affichera:17. Clique sur Tableaux, Cadres et Listes et choisis Liste ordonnée. Sélectionne la case Numéros avec des lettres majuscules. Sélectionne 4 dans la case Élément(s). Dans Contenu de la liste, écris Aimer sur la 1^re ligne, Détester sur la 2^e ligne, Haïr sur la 3^e ligne et Adorer sur la 4^e ligne. Clique sur OK.
Voici les codes qui s'afficheront:<OL TYPE=A> <LI>Aimer <LI>Détester <LI>Haïr <LI>Adorer</OL>18. Clique sur l'icône Paragraphe dans la barre Communs. Voici le code qui s'affichera:19. Clique sur Tableaux, Cadres et Listes. Choisis Définition de liste. Sélectionne 2 dans la case Élément(s). Dans Contenu de la liste, sur la 1^re ligne, à gauche, écris Langage HTML, et à droite, écris Codification utilisée pour .... Sur la 2^e ligne, à gauche, écris Langage Java, et à droite, écris Programmation qui fait... Clique sur OK.
Voici les codes qui s'afficheront:<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. Clique sur l'icône Nouvelle ligne dans la barre Communs.
Clique sur Spécialisés, Ligne horizontale et écris 80 dans la case Largeur. Clique sur OK.
Clique sur l'icône Paragraphe dans la barre Communs.
Voici les code qui s'afficheront: <HR WIDTH=80%>21. Clique sur Fichier, Enregistrer sous. Sélectionne Lecteur A et dans la case Nom du fichier, écris Exercice1. Clique sur Sauvegarder.

Partie 2

22. Clique sur Spécialisés, Image. Clique sur le dossier, lecteur A et sélectionne l'image youppi.gif. Dans la case Espace horizontal, écris 8. À gauche du rectangle Esquisse, clique sur Alignement de l'image et sélectionne À droite. Clique sur OK. Écris la phrase mentionnée.
Voici les codes qui s'afficheront:<IMG SRC="youppi.gif" BORDER=0 WIDTH=210 HEIGHT=180 HSPACE=8 align=right>Je suis fier ou fière de ...23. Écris le code de rupture de ligne obligatoire.
Voici le code: 24. <HR>25. Écris le mot WebExpert. Sélectionne-le. Clique sur Spécialisés, Lien externe. Sélectionne lien HTTP. Dans la case Référence à un lien externe, écris l'adresse mentionnée. Clique sur OK.
Voici les codes qui s'afficheront: <A HREF="www.visic.com/webexpert/">WebExpert</A>Clique sur les 2 flèches: Lancer le navigateur externe. Ton document HTML est à l'écran, sans codes apparents. Clique sur le mot souligné WebExpert. Si ton lien fonctionne, le site WebExpert apparaîtra à l'écran.

26.

<HR>27. Écris ton nom, sélectionne-le. Clique sur Spécialisés, Lien externe. Sélectionne Adresse électronique (mailto). Dans la case Référence à un lien externe, efface email@adresse.com et écris ton adresse électronique. Clique sur OK.
Voici les codes qui s'afficheront: <A HREF="mailto:Ghislaine_Bourque@csrs.qc.ca">Ghislaine Bourque</A>28. Clique sur Editer, Convertir caractères spéciaux. À la question posée, clique sur Oui.

29. Clique sur la disquette (Sauvegarder 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 cm³
11. 30 °C

15.

Pommes
Poires
Ananas

17.

Aimer
Détester
Haïr
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. Ghislaine Bourque