Exercice 1 || Solution
Écrire un code HTML qui permet d'afficher le texte suivant avec sa mise en forme:
Le langage HTML sert à structurer le contenu des pages web en y intégrant divers éléments multimédias tels que: des images, des vidéos ou encore des animations flash.
Exercice 2 || Solution |
Écrire le code HTML qui permet de produire le texte suivant avec sa mise en forme: |
Exercice 3 || Solution |
Donner le code HTML qui génère le texte suivant avec sa mise en forme: |
Exercice 4 || Solution
Donner le code HTML permettant de générer le texte suivant avec sa mise en forme:
Exercice 5: || Solution
1) - Créez un paragraphe contenant trois lignes:
Première ligne
Deuxième ligne
Troisième ligne
2) Utilisez les balises HTML appropriées pour mettre la première ligne en gras, la deuxième ligne en italique et la troisième en italique souligné.
Exercice 6 || Solution
Créer un lien vers une page externe.
1) - Créez un fichier HTML nommé "index.html" et à l'intérieur du corps (<body>) de la page, ajoutez un lien hypertexte qui pointe vers le site Web de Google (https://www.google.com). Le lien doit afficher le texte "Visitez Google" pour les utilisateurs.
2) - En utilisant un attribut approprié faite en sorte que le lien affiche l'info-bulle : "Ce lien vous envoie vers google"
Exercice 7 || Solution
Créer un lien vers une page interne
Créez une nouvelle page HTML nommée "about.html".
Ajoutez un paragraphe dans la page "about.html" avec une brève description de vous-même.
Dans le fichier "index.html", créez un lien hypertexte vers la page "about.html" en utilisant le texte "En savoir plus sur moi".
Exercice 8 || Solution
Créer un lien vers une section spécifique dans une page.
Créer un fichier HTML nommé "index.html" et y insérez quelques paragraphes de texte. Identifiez ensuite une section de texte à laquelle vous souhaitez créer un lien. Créez un lien hypertexte vers cette section en utilisant l'attribut id pour définir un point d'ancrage appliqué au texte "Aller à la section importante".
Exercice 9 || Solution
Créer un lien de courrier électronique
Créer un fichier HTML et nommez le 'index.html' au sein de ce fichier, créez un lien hypertexte appliqué au texte : "Contactez-moi" qui doit ouvrir le client de messagerie de l'utilisateur avec un e-mail prérempli avec votre adresse électronique, vous pouvez utiliser le protocole mailto: dans le lien.
Exercice 10 || Solution
Créer un lien vers un fichier téléchargeable
Ajoutez un fichier PDF (par exemple, "document.pdf") à votre répertoire de projet "workspace/".
Ajouter ensuite un fichier principal: "index.html" dans le même dossier du travail, au sein duquel créez un lien hypertexte qui permet aux utilisateurs de télécharger le fichier PDF lorsque le lien est cliqué.
Utilisez le texte "Télécharger le document PDF" pour le lien.
Exercice 11:|| Solution
Créer un lien vers une page avec un lien ouvrant dans une nouvelle fenêtre.
1) - Créer un nouveau répertoire nommé "workspace" et au sein duquel, créez une nouvelle page HTML nommée "external.html" et y ajouter le contenu suivant:
Vous êtes dans la page externe maintenant !
2) - Créer un fichier "index.html" dans le même répertoire "workspace" et créez ensuite au sein de ce dernier un lien hypertexte vers "external.html", en spécifiant que le lien doit s'ouvrir dans une nouvelle fenêtre du navigateur.
Exercice 12: Créer un lien de retour.
Dans le fichier "about.html", ajoutez un lien hypertexte qui renvoie à la page "index.html" (page d'accueil).
Assurez-vous que le lien est placé en bas de la page et affiche le texte "Retour à la page d'accueil".
Exercice 13: Créer un lien de navigation avec des styles CSS.
Créez un fichier CSS externe nommé "styles.css".
Appliquez des styles de mise en forme à vos liens de navigation pour les faire ressortir visuellement lorsqu'ils sont survolés.
Utilisez ce fichier CSS pour styliser les liens de navigation de toutes les pages de votre site.
Exercice 14: Créer un lien vers une page avec des liens de navigation.
Créez une barre de navigation simple contenant des liens vers différentes sections de votre site (par exemple : Accueil, À Propos, Services, Contact).
Assurez-vous que chaque lien mène à la section appropriée de votre site.
Younes Derfoufi
CRMEF OUJDA
3 thoughts on “Exercices HTML avec solutions”