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é.

Autour du même sujet