Dans ce tutoriel, nous allons apprendre comment faire pour insérer des images.
Seul problème : ces images ne pourront pas encore être utilisé comme décor.
Bon, on commence ?
Oui, oui, ne soyez pas pressé :). Voici le code source :
Bon, reprenons depuis le début. Alors déjà on ouvre la balise <img (qui veut dire image), ensuite on ouvre l'image avec "src" (qui veut sûrement dire source), on inscrit le titre
du fichier, puis on utilise alt pour mettre un texte alternatif au cas où l'image ne s'affiche pas, et enfin title pour mettre un titre à cette image.
N'oubliez pas : cette balise est un peu spéciale car elle est comme ça : <img />, on appelle cela une balise orpheline.
Bon voyons le résultat de ce qu'à donné le code source :

Euh... Elle est pas un peu grande l'image ?
No inquiétude : On peut la redimensionner ![]()
Il faut rajouter un height (hauteur) et un width (largeur) comme ceci :
Comme ça, ce sera un peu moins grand :

Ouf, j'ai eu peur.
Maintenant que vous savez ça, je voudrais vous parlez des différents types d'images :
- BMP : Bitmap
- JPG : Joint Photographic Expert Group
- PNG : Portable Network Graphics
- GIF : Graphics Interchange Format
C'est format d'image ont chacun des inconvénients et des qualités :
- Le Bitmap : On peut y mettre mais le bmp est déconseillé pour cause de chargement très long;
- Le Jpeg : Servez-en vous pour les photographie;
- Le PNG 8 bits : Pour les petites images qui comportent au maximum 256 couleurs;
- Le PNG 24 bits : Pour les graphiques qui comportent beaucoup de couleurs;
- Le GIF : Pour les images animées, mais ce format est moins bien que PNG ou JPG.
Voilà.
Encore une chose, ne faîtes pas comme j'avais fais, quand vous insérez une image, faîtes en sortes qu'il n'y a pas de Majuscules et qu'il n'y a pas d'espace
Marquez comme cela : mon_image.jpg.
Vous remarquerez que j'ai utilisé un underscore("_") pour remplacé l'espace.
Bon, on se retrouve au question ;)