Das ist eine Überschrift Größe 1 durch: <h1>Text</h1>

Das ist eine Überschrift Größe 6 durch: <h6>Text</h6>

Beispiele für Sonderzeichen:

linksbündiger Absatz durch: <p align="left">

HTML bedeutet HyperText Markup Language.
</p>

zentrierter Absatz durch: <p align="center">

Es handelt sich dabei um eine Sprache,
</p>

rechtsbündiger Absatz durch: <p align="right">

die mit Hilfe von SGML (Standard Generalized Markup Language)definiert wird.
</p>

Blocksatz durch: <p align="justify">

SGML ist als ISO-Norm 8879 festgeschrieben. HTML ist eine sogenannte Auszeichnungssprache (Markup Language). Sie hat die Aufgabe, die logischen Bestandteile eines Dokuments zu beschreiben. Als Auszeichnungssprache enthält HTML daher Befehle zum Markieren typischer Elemente eines Dokuments, wie Überschriften, Textabsätze, Listen, Tabellen oder Grafikreferenzen.
</p>

<ul> oder <ul type="disk">
Kopfzeile der Strichaufzählung
• ein Listenpunkt beginnt mit <li> und endet in der Zeile mit </li>
• ein 2. Listenpunkt beginnt mit <li> und endet in der Zeile mit </li>

</ul>

Strichaufzählungen (Unordered List) Quadrat

<ul type="square">
Kopfzeile der Strichaufzählung
• ein Listenpunkt beginnt mit <li> und endet in der Zeile mit </li>
• ein 2. Listenpunkt beginnt mit <li> und endet in der Zeile mit </li>

</ul>

Strichaufzählungen (Unordered List) Kreis

<ul type="circle">
Kopfzeile der Strichaufzählung
• ein Listenpunkt beginnt mit <li> und endet in der Zeile mit </li>
• ein 2. Listenpunkt beginnt mit <li> und endet in der Zeile mit </li>

</ul>

<ol>
Kopfzeile der Strichaufzählung
1. ein Listenpunkt beginnt mit <li> und endet in der Zeile mit </li>
2. ein 2. Listenpunkt beginnt mit <li> und endet in der Zeile mit </li>

</ol>

Nummerierungen (Ordered List) mir römischen Zahlen

<ol type="I">
Kopfzeile der Strichaufzählung
1. ein Listenpunkt beginnt mit <li> und endet in der Zeile mit </li>
2. ein 2. Listenpunkt beginnt mit <li> und endet in der Zeile mit </li>
3. ein 3. Listenpunkt beginnt mit <li> und endet in der Zeile mit </li>
4. ein 4. Listenpunkt beginnt mit <li> und endet in der Zeile mit </li>

</ol>

Nummerierungen (Ordered List) mit Großbuchstaben

<ol type="A">
Kopfzeile der Strichaufzählung
1. ein Listenpunkt beginnt mit <li> und endet in der Zeile mit </li>
2. ein 2. Listenpunkt beginnt mit <li> und endet in der Zeile mit </li>,

</ol>

Nummerierungen (Ordered List) mit Kleinbuchstaben

<ol type="a">
Kopfzeile der Strichaufzählung
1. ein Listenpunkt beginnt mit <li> und endet in der Zeile mit </li>
2. ein 2. Listenpunkt beginnt mit <li> und endet in der Zeile mit </li>

</ol>

Nummerierungen (Ordered List) mit Kleinbuchstaben beginnend mit c

<ol type="a" start="3">
Kopfzeile der Strichaufzählung
3. ein Listenpunkt beginnt mit <li> und endet in der Zeile mit </li>
4. ein 2. Listenpunkt beginnt mit <li> und endet in der Zeile mit </li>

</ol>

Bild einfügen mit 25% Größe des Bildschirms (ändert sich je nach Browser-Größe)

Bild einfügen mit 100x100 Pixel

Bild mit umfließenden Text

mit: <img src="Dateiname.Suffix" align="right">

Wenn Sie Grafiken in HTML-Dateien einbinden, die Sie im WWW anbieten wollen, sollten Sie immer die Breite und Höhe der Grafik mit angeben. Dadurch entnimmt der WWW-Browser bereits der HTML-Datei, wie groß die Grafik ist, und muß nicht warten, bis er die entsprechende Header-Information der Grafikdatei ausgelesen hat. Dadurch kann er die gesamte WWW-Seite bereits am Bildschirm aufbauen und bei noch nicht eingelesenen Grafiken erst mal eine entsprechend große Freifläche anzeigen. Wenn Sie Breite und Höhe nicht angeben, wartet der Browser dagegen mit der Anzeige der WWW-Seite, bis er alle nötigen Größenangaben aus eingebundenen Grafikdateien eingelesen hat.

mit: <img src="Dateiname.Suffix" align="left">

Erläuterung: Mit den Angaben align=left bzw. align=right veranlassen Sie den Browser, die Grafik linksbündig bzw. rechtsbündig auszurichten und den darauffolgenden Fließtext rechts bzw. links neben der Grafik anzuzeigen und um die Grafik herumfließen zu lassen (align = Ausrichtung, left = links, right = rechts).





mit: <img src="Dateiname.Suffix" align="left" vpace="20" hspace="20">

Mit hspace= [Pixel] bestimmen Sie den Abstand zwischen einer Grafik und anderen Elementen links bzw. rechts davon (hspace = horizontal space = horizontaler Abstand). Mit vspace= [Pixel] bestimmen Sie den Abstand zwischen einer Grafik und anderen Elementen darüber bzw. darunter (vspace = vertical space = vertikaler Abstand). Beide Angaben sind auch gleichzeitg möglich, so wie im dritten der obigen Beispiele. Beachten Sie: Die Angabe hspace= betrifft immer den linken und den rechten Randabstand von der Grafik, die Angabe vspace= immer den oberen und den unteren Randabstand. Wenn Sie also beispielsweise bei einer links ausgerichteten Grafik hspace= definieren, wird nicht nur rechts der Grafik zum nebenstehenden Text ein Abstand erzeugt, sondern auch links zum Rand des Anzeigefensters hin. Um dies zu verhindern, können Sie exakter arbeiten, indem Sie CSS Style-Sheets verwenden. Mit Hilfe der Style-Sheet-Angaben zu Abständen, Rändern, Ausrichtung im <img>-Tag können Sie gezielt Abstände an einer Seite definieren.

---

Zum Inhaltsverzeichnis

©DG1XPZ 06/2001