HTML lernen - Layouthilfen

Für die Gestaltung des Seitenlayouts gibt es einige besondere Codes...

<span>

Der span-Tag wird zur Formatierung von Text verwendet. Dieser Code ist jedoch ohne die Verwendung von CSS nutzlos.

horizontale Linie (<hr>)

Dieser Code erzeugt eine horizontale (Trenn-)Linie im HTML-Dokument. Ohne Angabe eines Attributs verläuft diese Linie komplett von links nach rechts und ist 2 Pixel hoch.

Achtung! Der hr-Tag hat kein Ende, also keinen schließenden Tag.

Attribute des hr-Tags

  • width
    Gibt die Breite (von links nach rechts) der Linie in Pixeln (=ganze Zahlen) oder Prozent an.
  • size
    Gibt die Linienhöhe oder -dicke in Pixeln an.
  • align
    Gibt die Ausrichtung der Trennlinie an. Werte sind left für linksbündig, right für rechtsbündig und center´ für zentriert.
    Hinweis! Die Ausrichtung funktioniert nur dann, wenn Sie mit width eine Breite für die Linie angeben.

Gruppenfelder (<fieldset>)

Der fieldset-Code wird zum Zusammenfassen mehrerer zusammengehöriger Elemente (z.B. Eingabefelder) auf einer Webseite verwendet. Um die Elemente, die sich zwischen diesem Code befinden, wird ein dünner Rahmen gezogen.

Damit Sie der Gruppe einen Namen geben können, müssen Sie direkt in diese den legend-Tag einfügen. Dieser Code sorgt dafür, dass der Rahmen unterbrochen wird und stattdessen der Text, der zwischen dem Code steht, angezeigt wird.
Beispiel:
<fieldset>
         <legend>Gruppentitel</legend>
         Gruppeninhalt...
         Gruppeninhalt...
         Gruppeninhalt...
</fieldset>