Les attributs hspace et vspace créent une marge entre le texte ou le reste du contenu et l'image améliorant la qualité de la présentation et la lisibilité générale du document.
L'attribut hspace="Valeur" en pixels définit un espacement horizontal entre l'image et le texte.
L'attribut vspace="Valeur" en pixels définit un espacement vertical entre l'image et le texte.
<html>
<head>
<title>Un titre pertinent</title>
<meta name="Description" content="...">
<meta http-equiv="Date" content="01/01/2000">
...
</head>
<body>
<p align="Type d'alignement">Début du paragraphe...
<img
src="Adresse de l'image"
align="Type d'alignement"
hspace="Valeur"
vspace="Valeur"
width="Valeur"
height="Valeur">
Suite du paragraphe
</p>
...
Diverses commandes HTML
...
</body>
</html> |
Dans la nuit du 25 au 26 décembre, |
Sur cette exemple, aucun espace n'a été défini.
<img src="img/tempete.jpg" align="left" hspace="0" vspace="0"> |
Dans la nuit du 25 au 26 décembre, |
Sur celui-ci, les espaces verticaux et horizontaux sont de 15 pixels.
<img src="img/tempete.jpg" align="left" hspace="15" vspace="15"> |
une tempête d'une ampleur jusque là inconnue en Europe a dévasté des régions entières. Des dizaines de milliers d'arbres ont été arrachés au sol par des rafales atteignant parfois à certains endroits plus de 200 km/h. Les côtes de l'Ouest de la France déjà meurtries par la marée noire de l'Erika ne laissaient apparaître plus qu'un vaste champs de ruine où désormais la population dans un indicible sentiment de confusion voire même de chaos reprenait douloureusement le chemin de l'espoir.