Exercice images en HTML

Exercice images en HTML

  1. Objectifs

    • ِApprendre à travailler avec des images en HTML.
    • Etre capable d’utiliser une image dans un lien.




  2. Exercice 01

    • Vous allez créer une page avec HTML5, appelée mesImages.html, qui fera apparaître plusieurs mises en forme d’images.
    • La page comprendra 3 parties. Il est conseillé d’aller vérifier dans le navigateur votre travail entre chaque partie.

    • Pour cela, enregistrez votre fichier avec le bloc-notes et réactualiser la page dans le navigateur. Vous allez créer un dossier _images qui contiendra toutes vos images.
    • Description de la page à créer :
      • Le fond de la page sera de la couleur “palegoldenrod” et le texte sera “marroon”.
      • Le titre de la page sera : Les images
      • Un titre de niveau 1, centré : LES IMAGES
    • 1ère partie :
      • Une image à gauche de l’écran, sans bordure, que vous aurez préalablement choisi dans le diaporama proposé dans la page d’accueil du site de "apcpedagogie.com" et copié dans le dossier images
      • Un paragraphe donnant les caractéristiques de mise en place de l’image.
      • Une ligne séparatrice
    • 2ème partie :
      • Une image au centre, avec bordure, avec légende, que vous aurez préalablement choisi dans le diaporama proposé dans la page d’accueil du site "apcpedagogie.com" et copié dans le dossier images
      • Un paragraphe donnant les caractéristiques de mise en place de l’image.
      • Une ligne séparatrice
    • 3ème partie :
    • Une image à droite, avec bordure plus épaisse, avec légende, que vous aurez préalablement choisi dans le diaporama proposé dans la page d’accueil du "apcpedagogie.com" et copié dans le dossier images
    • Ajouter un lien sur l’image pour appeler le site "apcpedagogie.com"
  3. Exercice 02

    • Crée un nouveau document HTML dont le titre sera Exercice image 2.
    • Insérer une image, téléchargée de l’internet
    • L’image doive être l’arrière plan de la page
    • Visualiser le document avec le navigateur.

    …….

———-

Bibliographie

  • Livre : HTML 5 Une référence pour le développeur web: Rodolphe Rimelé
  • HTML 5 et CSS 3 Mathieu Nebra
  • Site:http://www-clips.imag.fr/arcade/User/sandra.michelet/MonitoratReseaux_HTML



Abonnez vous à notre chaîne YouTube gratuitement