Impact du code HTML sur le rendu final d'une page Web Un problème classique: les espaces indésirables dans une succession d'images
Si vous voulez obtenir une succession d'images de petite ou moyenne taille sur une même ligne, vous pouvez écrire :
Exemple 7:
<p><img src="texte-1.png" alt="Ceci" /><img src="texte-2.png" alt="est un" /><img src="texte-3.png" alt="exemple" /></p>
Des "espaces" entre les images
Mais comme le code pour les informations des images (texte alternatif, emplacement de l'image) est un peu long, on aura tendance à les mettre sur plusieurs lignes de code :
Exemple 8:
<p>
<img src="texte-1.png" alt="Ceci" />
<img src="texte-2.png" alt="est un" />
<img src="texte-3.png" alt="exemple" />
</p>Des images collées ou pas
Les deux notations ne sont pas équivalentes. Il faut imaginer que chaque image est un caractère: "a", "b" et "c". Si on écrit "a b c", ça n'est pas la même chose que si l'on écrit "abc" !
On aura donc, dans le cas du code sur plusieurs lignes (exemple 8), des espaces entre les images. Si on voulait que les images soient complètement collées, c'est raté.