Den Abstand um die Grafiken einstellen im HTML
Grafiken und der vspace- und der hspace-Tag
Mit der Fähigkeit, Text um ein Bild herumfließen zu lassen, möchten Sie vielleicht auch den Abstand um das Bild einstellen. Die vspace- und hspace-Attribute ermöglichen Ihnen genau das (beide sind HTML-3.2-Merkmale). Beide können als Pixel-Wert angegeben werden; vspace (von vertical space, vertikaler Abstand) kontrolliert den Abstand über und unter der Grafik, und hspace (von horizontal space, horizontaler Abstand) kontrolliert den Abstand nach links und rechts.
Die
vspace und hspace Attribute für das <img />-Tag sind in HTML 4.0 zugunsten der Style Sheets verworfen.
Der folgende HTML-Code, der in Abbildung angezeigt wird, illustriert zwei Beispiel: das oberste Beispiel zeigt die standard-horizontalen und -vertikalen Abstände um das Bild herum, während das untere Beispiel das Ergebnis zeigt, das mit Hilfe von hspace- und vspace-Attributen erzielt wurde. In beiden Bildern wurde das align="left"-Attribut verwendet, sodass automatisch ein Zeilenumbruch auf der linken Seite des Textes neben dem Bild erfolgt. Im unteren Beispiel jedoch wird der Text durch den zusätzlichen Abstand oberhalb des Bildes angezeigt (der zusätzliche Abstand wurde mit Hilfe des vspace-Attributs erzielt).
<img src="turn_right_128.png" alt="HTML-Lernen" align="left" />
<p>
Lobortis porttitor himenaeos tristique ligula molestie ultricies ad feugiat nam aliquam, maecenas auctor magna.
</p>
<br clear="left" />
<hr />
<img src="turn_right_128.png" alt="HTML-Lernen" vspace="50" hspace="50" align="left" />
<p>
Lobortis porttitor himenaeos tristique ligula molestie ultricies ad feugiat nam aliquam, maecenas auctor magna.
</p>
