04- Exercices semaine 3
Semaine 3

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

