HTML Grundlegende Elemente des Dokuments

Überschrift
Absatz
Zeilenumbruchskontrolle
Horizontale Trennlinie
Leerzeichen
Deutsche Sonderzeichen
HTML-eigene Zeichen
Vorformatierter Text
Schriftart, -größe, -farbe
Physische Stilelemente
Ausrichten von Elementen
Aufzählungsliste
Numerierte/Geordnete Liste
Definitionsliste



Überschrift

Überschriftenformat in 6 verschiedenen Größen, abnehmend von 1 nach 6. Erzeugt eine Überschrift in einem Absatz.

<h1>
Überschrift 1
</h1>
...
<h6>
Überschrift 6
</h6>
align="center|right|left"
Absatz

Erzeugt einen Absatz.

<p>
Absatz-Text
</p>
align="center|right|left"
Zeilenumbruchskontrolle

Da der Browser Formatierungen im Quelltext nicht interpretiert, muß die Zeile in Fließtexten mit Hilfe des <br>-Tags umgebrochen werden.

Im <nobr>-Bereich darf der Browser ausdrücklilch nicht umbrechen.

Im <wbr>-Bereich darf der Browser ausdrücklich umbrechen.

<br> clear="all|left|right"
<nobr>Zeilenumbruch verboten</nobr>
<wbr>Zeilenumbruch - auch im Wort - erlaubt</wbr>
Horizontale Trennlinie
<hr> align="center|right|left"
width="x%|pixel"
size="pixel"
noshade

Leerzeichen (Maskierungsvorschrift)

Da der Browser Formatierungen im Quelltext nicht interpretiert, müssen mehrere Leerzeichen hintereinander mit ihrer Maskierungsvorschrift eingefügt werden.

&nbsp; Geschüztes Leerzeichen
Deutsche Sonderzeichen (Maskierungsvorschrift)

Damit die Lesbarkeit des HTML-Dokuments global gewährleistet ist, sollten alle Sonderzeichen maskiert werden.

&auml;
&Auml;
&ouml;
&Ouml;
&uuml;
&Uuml;
&szlig;
ä
Ä
ö
Ö
ü
Ü
ß
HTML-eigene Zeichen (Maskierungsvorschrift)

Wenn Sie HTML-eigene Zeichen im Dokument verwenden wollen müssen Sie diese ebenfalls maskieren.

&lt;
&gt;
&quot;
&amp;
<
>
"
&
Vorformatierter Text

Innerhalb des <pre>-Bereichs gelten die Formatierungen die mit dem Text-Editor vorgenommen werden.
Darstellung der Zeichen erfolgt in dicktengleicher Schrift.

<pre>
präformatierter Text
</pre>
 
Schriftart, -größe, -farbe

Mit Hilfe des <font>-Tags können Schriftart, Schriftgröße und Schriftfarbe bestimmt werden.

<font>
Text
</font>
face="Schriftart1,Schriftart2,.."
size="1|2|3|4|5|6|7|+1|+2|+3|+4|-1|-2"
color="#xxxxxx|farbname"
Physische Stilelemente

Fett
Kursiv
Dicktengleich
Unterstrichen
Hochgestellt
Tiefgestellt
<b>fetter Text</b>

<i>kursiver Text</i>

<tt>dicktengleicher Text</tt>

<u>unterstrichener Text</u>

<sup>hochgestellter Text</sup>

<sub>tiefgestellter Text</sub>

Ausrichten von Elementen

Einzelne oder mehrere HTML-Elemente könnne innerhalb des <div>-Bereichs ausgerichtet werden.

<div>
HTML-Elemente
</div>
align="center|right|left"
Aufzählungsliste

Die einzelnen Listenpunkte werden innerhalb des <li>-Tags platziert.

<ul>
<li>eintrag1</li>
<li>eintrag2</li>
</ul>
type="circle|square|disk"
Numerierte/
Geordnete Liste


Numerierungsart und Anfangswerte können vordefiniert werden.

<ol>
<li>eintrag1</li>
<li>eintrag2<li>
</ol>
type="1|a|A|i|I"
start="numerischer Anfangswert"

für das <li>-Tag:
value="numerischer Anfangswert"
Definitionsliste

Der Definitionsbegriff wird innerhalb des <dt>-Bereichs eingefügt, die Definitionserklärung innerhalb des <dd>-Bereichs.

<dl>
<dt>Definition 1</dt>
<dd>Erklärung 1</dd>
<dt>Definition 2</dt>
<dd>Erklärung 2</dd>
</dl>