homeUnix & Internet  Prof. Dr. Uwe Schmidt FH Wedel

Die Datei: Grafik2.html


weiter
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html>
<head>
<title>das ALIGN-Attribut</title>
</head>
<body>
<p>
<img src="gifs/gesicht.gif" align="top">
Hochgestellter Text<br>
<img src="gifs/gesicht.gif" align="middle">
Zentrierter Text<br>
<img src="gifs/gesicht.gif" align="bottom">
Tiefgestellter Text
</p>
<hr>
<p>
Texte neben Bildern
</p>
<p>
<img src="gifs/gesicht.gif" align="left" hspace="10">
<img src="gifs/gesicht.gif" align="right" hspace="10">
Mehrzeilger Text neben einer Grafik ist
mit <code>&lt;align="left"&gt;</code> und
<code>&lt;align="right"&gt;</code> m&ouml;glich.
Hier wird ein Bild auf die linke Seite
und eines auf die rechte positioniert,
der Text wird im verbleibenden Raum umgebrochen.
<br clear="all">
</p>
<hr>
<p>
Abstand zwischen Bildern
</p>
<p>
vertikal<br>
<img src="gifs/gesicht.gif" vspace="20"><br>
und horizontal<br>
<img src="gifs/gesicht.gif" hspace="20"><img
src="gifs/gesicht.gif" hspace="20"><br>
Hier geht's weiter.
</p>
<p>
<tt>vspace</tt> und <tt>hspace</tt> Attribute
sollten besser durch CSS-Anweisungen ersetzt werden.
</p>
<p>
vertikaler Abstand<br>
<img src="gifs/gesicht.gif"
style="padding-top:2ex; padding-bottom:1ex"><br>
und horizontal<br>
<img src="gifs/gesicht.gif"
style="padding-right:2em;"><img
src="gifs/gesicht.gif"><br>
Hier geht's weiter.
</p>
</body>
</html>

Letzte Änderung: 14.02.2012
© Prof. Dr. Uwe Schmidt
Prof. Dr. Uwe Schmidt FH Wedel