La balise <img>
Comment insérer une image ? Facile !
Pour insérer une image, il suffit d'utiliser la balise <img>. La balise <img> est une balise simple, elle n'a donc pas besoin de balise de fermeture. Elle contient l'attribut "src", qui indique le nom du fichier image à charger et doit obligatoirement spécifier le type de fichier de l'image (.jpg, .png, etc.). Si l'image qu'on désir insérer n'est pas dans le même dossier que le document HTML, il faut indiquer le chemin d'accès vers l'image en prenant pour point de départ le document HTML. Ainsi, pour aller au répertoire précédent celui où ce trouve le fichier HTML, on utilise "..". Pour aller au répertoire suivant, on indique le nom du répertoire qui suit. On sépare chaque répertoire entre eux par le signe "/".
On a donc:
<img src="adresse/de/l/image">
Ex:
Cette image de pikachu est nommé "pikachu" et de format "png". Elle est située dans le même dossier que le document HTML de la page. Ainsi, pour que l'image apparaisse dans la page, il faut écrire : <img src="pikachu.png">
Attention: Il faut éviter les accents, les majuscules ainsi que les espaces dans les noms de fichiers et de dossiers. Il faut supprimer les accents, remplacer les majuscules par des minuscules et remplacer les espaces par "-" ou bien "_". Il est conseillé de simplifier au maximum les noms de fichiers et de dossiers, ainsi il y aura moins de risque d'erreurs.
