HTML



Seite

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Titel</title>
</head>
<body>
<!-- Inhalt der Datei -->
</body>
</html>


Überschrift

<h1>Text</h1>
<h6>Text</h6>

<p align="Ausrichtung">Text</p> (Absatz)
<div align="Ausrichtung">verschiedene HTML-Elemente</div> (Bereich)
<hr width="Breite" size="Höhe" align="Ausrichtung"> (Trennlinie)

left = linksbündig
center = zentriert
right = rechtsbündig
justify = Blocksatz

nowrap = Umbruch verhindern

Grafiken

<img src="URI" >
<img src="URI" alt="Alternativtext" width="Breite" height="Höhe">

Fließtext um Grafik

<img src="URI" alt="Alternativtext" align="Ausrichtung" hspace="Pixelabstand zur Grafik links/rechts" vspace="Pixelabstand zur Grafik oben/unten">

left = Grafik links ausrichten (nachfolgende Inhalte fließen rechts vorbei)
right = Grafik rechts ausrichten (nachfolgende Inhalte fließen links vorbei)


Liste

<ul type="Typ">
>
<li>Listeneintrag</li>
<li>Listeneintrag</li>
</ul>

circle = Kreis/Punkt
disc = Scheibe/Dateisymbol
square = Quadrat

Nummerierte Liste

<ol type="Typ">
<li>Listeneintrag</li>
<li>Listeneintrag</li>
</ol>

a = für klein alphabetisch
A = für groß alphabetisch
i = für klein römisch
I = für groß römisch

Definitionslisten

<dl>
<dt>Zu definierender Ausdruck</dt>
<dd>Definition des Ausdrucks</dd>
</dl>

Zitate

<blockquote>Text</blockquote>

Physische Textauszeichnung

<b>fett</b>
<i>kursiv</i>
<tt>dicktengleich (Teletyper)</tt>
<u>unterstrichen</u>
<strike>durchgestrichen</strike>
<s>durchgestrichen</s>
<big>größer als normal</big>
<small>kleiner als normal</small>
<sup>hochgestellt</sup>
<sub>tiefgestellt</sub>

Seitenformatierung

<font size="Größe">Text</font>
<font color="#XXXXXX">Text</font>
<font face="Schriftart">Text</font>

Tabelle

<table border="Dicke" cellspacing="Abstand" cellpadding="Innenabstand" width="Breite">
<tr>
<th>Kopfzelle</th>
<th>Kopfzelle</th>
</tr>
<tr>
<td valign="Ausrichtung align="vAusrichtung>Datenzelle</td>
<td bgcolor="#XXXXXX">Datenzelle</td> (Backgroundcolor)
</tr>
</table>

rowspan
colspan

vAusrichtung:
top = obenbündig,
middle = mittig,
bottom = untenbündig,
baseline = an gemeinsamer Basislinie, sodass erste Textzeile immer auf gleicher Höhe beginnt.

<table>
<thead>
<!--Tabellenzeilen-->
</thead>
<tbody>
<!--Tabellenzeilen-->
</tbody>
<tfoot>
<!--Tabellenzeilen-->
</tfoot>
</table>


Links

<a href="URI">Verweistext</a>
<a name="Ankername">[Inhalt]</a>
<a href="URI" target="Zielfenster">Verweistext</a>
<a href="mailto:beispiel@example.org">Verweistext</a>

Zielfenster:
_blank = Verweis in neuem Fenster öffnen
_self = Verweis im gleichen Fenster öffnen
_parent = aktuelles Frameset beim Ausführen des Verweises sprengen
_top = alle Framesets beim Ausführen des Verweises sprengen

Überschrift

<h1>Text</h1>
<h6>Text</h6>

<p align="Ausrichtung">Text</p> (Absatz)
<div align="Ausrichtung">verschiedene HTML-Elemente</div> (Bereich)
<hr width="Breite" size="Höhe" align="Ausrichtung"> (Trennlinie)

left = linksbündig
center = zentriert
right = rechtsbündig
justify = Blocksatz

nowrap = Umbruch verhindern

Liste

<ul type="Typ">
>
<li>Listeneintrag</li>
<li>Listeneintrag</li>
</ul>

circle = Kreis/Punkt
disc = Scheibe/Dateisymbol
square = Quadrat

Nummerierte Liste

<ol type="Typ">
<li>Listeneintrag</li>
<li>Listeneintrag</li>
</ol>

a = für klein alphabetisch
A = für groß alphabetisch
i = für klein römisch
I = für groß römisch

Definitionslisten

<dl>
<dt>Zu definierender Ausdruck</dt>
<dd>Definition des Ausdrucks</dd>
</dl>

Zitate

<blockquote>Text</blockquote>

Physische Textauszeichnung

<b>fett</b>
<i>kursiv</i>
<tt>dicktengleich (Teletyper)</tt>
<u>unterstrichen</u>
<strike>durchgestrichen</strike>
<s>durchgestrichen</s>
<big>größer als normal</big>
<small>kleiner als normal</small>
<sup>hochgestellt</sup>
<sub>tiefgestellt</sub>

Seitenformatierung

<font size="Größe">Text</font>
<font color="#XXXXXX">Text</font>
<font face="Schriftart">Text</font>

Tabelle

<table border="Dicke" cellspacing="Abstand" cellpadding="Innenabstand" width="Breite">
<tr>
<th>Kopfzelle</th>
<th>Kopfzelle</th>
</tr>
<tr>
<td valign="Ausrichtung align="vAusrichtung>Datenzelle</td>
<td bgcolor="#XXXXXX">Datenzelle</td> (Backgroundcolor)
</tr>
</table>

rowspan
colspan

vAusrichtung:
top = obenbündig,
middle = mittig,
bottom = untenbündig,
baseline = an gemeinsamer Basislinie, sodass erste Textzeile immer auf gleicher Höhe beginnt.

<table>
<thead>
<!--Tabellenzeilen-->
</thead>
<tbody>
<!--Tabellenzeilen-->
</tbody>
<tfoot>
<!--Tabellenzeilen-->
</tfoot>
</table>


Links

<a href="URI">Verweistext</a>
<a name="Ankername">[Inhalt]</a>
<a href="URI" target="Zielfenster">Verweistext</a>
<a href="mailto:beispiel@example.org">Verweistext</a>

Zielfenster:
_blank = Verweis in neuem Fenster öffnen
_self = Verweis im gleichen Fenster öffnen
_parent = aktuelles Frameset beim Ausführen des Verweises sprengen
_top = alle Framesets beim Ausführen des Verweises sprengen

Grafiken

<img src="URI" alt="Alternativtext" width="Breite" height="Höhe">

Fließtext um Grafik

<img src="URI" alt="Alternativtext" align="Ausrichtung" hspace="Pixelabstand zur Grafik links/rechts" vspace="Pixelabstand zur Grafik oben/unten">

left = Grafik links ausrichten (nachfolgende Inhalte fließen rechts vorbei)
right = Grafik rechts ausrichten (nachfolgende Inhalte fließen links vorbei)