Trennlinien

Mache deine HTML-Seite übersichtlicher mit Trennlinien

Um Seiten übersichtlicher zu gestalten, kannst du Trennlinien verwenden.

  • Erstelle eine Textdatei mit dem Grundgerüst einer HTML-Datei.
  • Schreibe folgende Zeilen innerhalb des Body-Tags:

<p>Hier steht der erste Text gefolgt von einer Linie mit Schatteneffekt</p>
<hr>
<p>Hier steht der zweite Text gefolgt von einer Linie ohne Schatteneffekt</p>
<hr noshade>
<p>Hier steht der dritte Text</p>~

  • Dupliziere diese Textdatei in deinem Kurs-Ordner und benenne sie um in *lektion26.htm*
  • Öffne diese Datei dann im Browser. So sollte es aussehen:

  • <hr>~
    steht für Linie mit 3-D-Effekt (Schatteneffekt)
  • <hr noshade>~
    Das Attribut noshade verhindert diesen Effekt

Die zweite Lektion ist nun vorbei. Mächtig viel Zeug, was?
Wenn Du noch Lust hast, kannst du jetzt noch etwas rumprobieren und üben.