04- Exercices semaine 3

Semaine 3

4. Les exercices

4.1 Insertion d’images dans le code

  1. Les fichiers sources sont dans mes fichiers du cours sur le serveur.
  2. Sauvegarde de la photo chat.jpeg avec une nouvelle largeur de 560 pixels. Vous devez sauvegarder cette image au format ___ ?
  3. Sauvegarde du logo logo_arte.ai au format ____ ? Largeur : 300 pixels.
  4. Intégrer les images à une page html en prenant bien soins d’ajouter :
    1. une info bulle
    2. un texte alternatif
    3. les dimensions
  5. Ajouter un titre au fichier html.
  6. Ajouter une ligne entre les 2 photos.
  7. Ajouter un lien à l’image chat (en créant une seconde page).
  8. Ajouter un lien à l’image logo_arte d’un site web externe.

Téléchargement des fichiers pour l'exercice

Caractéristiques de la balise < img />

La balise <img /> permet d’intégrer une image dans la page web html (balise de type EN LIGNE).

Voici quelques caractéristiques :

  • La balise <img /> doit obligatoirement contenir un attribut src (source) et alt (texte alternatif).
  • Vous pouvez ajouter la balise <title> afin d’ajouter une info-bulle à votre image.
  • La balise <img /> est autofermante.
  • Cette balise est un élément de type En-ligne, donc il doit êtreinclus dans un élément de type bloc.
  • Il est conseillé d’utiliser les balises de hauteur (height) et de largeur (width), afin de maximiser l’affichage de la page web.