Exercices HTML : Texte - Images - Son
Rédigé par GC Team, Publié le 10 Janvier 2012, Mise à jour le Jeudi, 12 Août 2021 23:46![](/images/thumb/147/default.png)
Exercice HTML: Texte avec Image
Ecrire le code qui permet de réaliser la page suivante:
Solution :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<HTML> <HEAD> <TITLE>Titre du document</TITLE> </HEAD> <BODY> <H1>Titre du document</H1> <P>Le premier paragraphe</P> <P>Le second paragraphe</P> <IMG src="photo_printemps.jpg" alt="Photo de la saison"> </BODY> </HTML> |
Exercice HTML: Débuter avec HTML
Travail à Faire:
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.
Solution :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
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 > |
Exercice HTML: La Balise Marquee
Créer le code qui permet de réaliser le diaporama suivant:
Solution :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<html> <head> <title> Diaporama </title> </head> <body> ="alternate"> <img src="image2.jpg"></img> <img src="image3.jpg"></img> <img src="image4.jpg"></img> <img src="image5.jpg"></img> <img src="image6.jpg"></img> <img src="image2.jpg"></img> </marquee> </body> </html> |
Exercice HTML: Insertion Image
1. 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.
2. Termine ton texte par un code spécial qui forcera le prochain texte à s'écrire après l'image.
3. Trace une ligne horizontale sur toute la largeur de la page.
4. Fais un changement de paragraphe et trace une ligne horizontale sur toute la largeur de la page.
5. Si tu as une adresse Internet, écris ton nom et place ton adresse en hyperlien.
6. 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.
7. Sauvegarde ton fichier sous le même nom qu'à la partie 1.
Solution :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
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.vi.com/web/"> Exercicegratiot </A> 26. <P><HR> 27. Voici les codes : <A HREF="mailto:xx@col.qc.ca">Ton nom</A> 28. utiliser la conversion, sur résumé du cours, des caractères spéciaux. 29. Sauvegarder ton fichier. |
Exercice HTML: Son et Image
Ecrire le code qui permet de créer la page suivante:
- Ajouter une fonction pour insérer un son au démarrage de la page.
Solution :
![6ExerciceHTML-id2175](/images/stories/HTML/6ExerciceHTML-id2175.jpg)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
html head Insertion image /titre> /head body A target="_blank" HREF="new3.html" IMG SRC="81kodzb7.gif" id="warning" SRC="warning.mp3" AUTOSTART="true" LOOP="false" style="visibility:hidden;position:absolute" /EMBED> /img /A /body /html |