SELFHTML: HTML / Allgemeine Regeln / Tags (Steuerbefehle in HTML)
Description: (SELFHTML 7.0) Wie HTML-Befehle aussehen, wie Sie HTML-Tags verschachteln können und was es mit zusätzlichen Angaben (Attributen) in HTML-Tags auf sich hat.
Keywords: SELFHTML, HTML, Befehle, Tags, HTML-Tags, Verschachtelung, Attribute, Angaben, Attribute

SELFHTML/Quickbar HTML Allgemeine Regeln

| ## Tags (Steuerbefehle in HTML)
| Tags in HTML Verschachtelung von Tags Attribute in Tags Universalattribute

## Tags in HTML

HTML-Dateien bestehen aus ASCII-Text. Deshalb können Sie HTML-Dateien mit jedem einfachen Text-Editor bearbeiten. Besser sind allerdings ausgereifte HTML-Editoren.

Neben dem eigentlichen Text enthalten HTML-Dateien HTML-spezifische Befehle. Alle HTML-Befehle stehen in sog. Tags. Die Tags werden durch spitze Klammern markiert. Fast alle Befehle von HTML bestehen aus einem einleitenden und einem abschließenden Tag. Der Text dazwischen ist der "Gültigkeitsbereich" für die betreffenden Tags.

### Beispiel:

    <h4>HTML - die Sprache des WWW</h4>

### Erläuterung:

In Ihrem WWW-Browser erscheint dieser Beispieltext so:

#### HTML - die Sprache des WWW

Das Beispiel zeigt eine Überschrift 4. Ordnung. Das einleitende Tag `<h4>` signalisiert, daß eine Überschrift 4. Ordnung folgt (h = heading = Überschrift). Das abschließende Tag `</h4>` signalisiert das Ende des Überschriftentextes. Ein abschließendes Tag ist immer an dem Schrägstrich `"/"` zu erkennen.

### Beachten Sie:

Es spielt keine Rolle, ob die Tags in Form von Klein- oder Großbuchstaben notiert werden. So bedeuten z.B. `<h1>` und `<H1>` das gleiche. Das W3-Konsortium weist darauf hin, daß kleingeschriebene Elementnamen möglicherweise von Vorteil sind, wenn HTML-Dateien in irgendeiner Weise komprimiert werden (also z.B., wenn Sie ein Dokument in eine ZIP-Datei packen). Der Grund ist, daß häufiger vorkommende Zeichen bei den meisten Komprimierungsverfahren zu besseren Komprimierungsdichten führen als seltener vorkommende Zeichen - und Kleinbuchstaben kommen in der Regel häufiger vor als Großbuchstaben. Andererseits sind großgeschriebene Elementnamen optisch besser erkennbar.

Es gibt einige wenige "Standalone-Tags", d.h. Tags, die keine Einleitung für den folgenden Text darstellen und deshalb kein abschließendes Tag haben.

### Beispiel:

    Eine Zeile, ein manueller Zeilenumbruch <br>
    und die nächste Zeile

### Erläuterung:

Am Ende der ersten Zeile signalisiert das Tag `<br>`, daß ein manueller Zeilenumbruch eingefügt werden soll (br = break = Umbruch).

## Verschachtelung von Tags

Tags können ineinander verschachtelt werden.

### Beispiel:

    <h4><i>HTML</i> - die Sprache des WWW</h4>

### Erläuterung:

In Ihrem WWW-Browser erscheint dieser Beispieltext so:

#### HTML - die Sprache des WWW

Die Anweisung `<i>` steht für italic (= kursiver Text). Der Text zwischen `<i>` und `</i>` wird als kursiv interpretiert, abhängig von der eingestellten Schriftart und Schriftgröße für die Überschrift 4. Ordnung.

## Attribute in Tags

Einleitende Tags und Standalone-Tags können zusätzliche Angaben enthalten.

### Beispiel:

    <h4 align=center>HTML - die Sprache des WWW</h4>

### Erläuterung:

In Ihrem WWW-Browser erscheint dieser Beispieltext so:

#### HTML - die Sprache des WWW

Durch `align=center` wird bewirkt, daß der Text zentriert ausgerichtet wird (align = Ausrichtung, center = zentriert).

### Beachten Sie:

Es gibt folgende Arten von Attributen in HTML-Tags:

- Alleinstehende Attribute, z.B. im Befehl `<hr noshade>` (Trennlinie ohne Schatten).
- Attribute mit Wertzuweisung, wobei es bestimmte erlaubte Werte gibt, z.B. im Befehl `<h1 align=center>` (Überschrift 1. Ordnung zentriert ausgerichtet - hier sind nur die Werte `left`, `center`, `right` und `justify` erlaubt).
- Attribute mit numerischer Wertzuweisung, z.B. im Befehl `<hr width=300>` (Trennlinie 300 Pixel breit).
- Attribute mit prozentualer Wertzuweisung, z.B. im Befehl `<hr width=50%>` (Trennlinie 50% Breite des Anzeigefensters).
- Attribute mit variablen Namen, z.B. im Befehl `<img src="freundin.gif">` (eine Grafikreferenz).

Wenn Sie streng SGML-konform arbeiten wollen, setzen Sie alle Werte, die Sie Attributen zuordnen, in Anführungszeichen. HTML ist jedoch nicht ganz so streng damit. Bei Attributen mit variablen Namen sollten Sie den zugewiesenen Wert in Anführungszeichen notieren. In allen anderen Fällen sind normalerweise keine Anführungszeichen nötig.

Lassen Sie bei Wertzuweisungen möglichst keine Leerzeichen zwischen Attribut, Istgleichzeichen und Zuweisungswert. So vermeiden Sie Fehler bei weniger toleranten WWW-Browsern.

## Universalattribute

Neben Attributen, die nur in bestimmten HTML-Tags vokommen können, gibt es auch Attribute, die in vielen bzw. fast allen HTML-Tags erlaubt sind.

### Beispiel:

    <p id="Einleitung">Text</p>

### Erläuterung:

Das Beispiel definiert einen Textabsatz mit den HTML-Tags `<p>`...`</p>`. Im einleitdenden `<p>`-Tag wird ein Universalattribut notiert, nämlich das Attribut `id=`. Damit können Sie Namen für einzelne HTML-Elemente vergeben. Einzelheiten über solche Attribute erfahren Sie im Abschnitt über Universalattribute.

weiter: | Grundgerüst einer HTML-Datei
zurück: | Offene Standard-Formate gegen Firmenformate

SELFHTML/Quickbar HTML Allgemeine Regeln

© 1998 Stefan Münz, muenz@csi.com