[html5.wirlernen.at] [Aufgaben zur Lektion] [Video zur Lektion]

Lektion 10: Horizontale Trennlinien einfügen

Hier erhältst du Hinweise wie man in einer Webseite horizontale Trennlinien einfügen kann...
Wenn man auf einer Webseite einzelne Teilbereiche voneinander optisch abgrenzen möchte gibt es bei HTML die Möglichkeit der Verwendung des <hr> - Tags. Der Tag dient also dazu inhaltlich Bereiche hervorzuheben und dies wird erreicht indem eine horizontale Line erzeugt wird.
Hier unten siehst du ein Beispiel für die Verwendung des <hr> - Tags im Quelltext:
Der Code:
<!DOCTYPE html>
<html lang="de">

<head>
    <title>Titel</title>
    <meta charset="UTF-8">
</head>

<body>
   Der 1. Abschnitt<br>
   <hr>
   Der 2. Abschnitt<br>
   <hr>
   Der 3. Abschnitt<br>
   <hr>
   Der 4. Abschnitt<br>
   <hr>
   Der 5. Abschnitt<br>
   <hr>
</body>

</html>
[Beispiel zur Lektion]


Für mehr Infos klicke hier OBEN auf der Seite auf das Video - Symbol...
Augabenstellung:
1. Erkläre mit eigenen Worten wozu man horizontale Trennlinien in einer Webseite verwenden könnte!
2. Mit welchem HTML -Tag erzeugt man horizontale Trennlinien?
3. Erzeuge in einem Editor ein HTML5 - Grundgerüst! Füge dort im Grundgerüst an der richtigen Stelle einen Liedtext deiner Wahl ein und trenne die einzelnen Strophen durch horizontale Trennlinien und speichere diese Datei als 010.html. Wähle für diese Webseite mit dem entsprechenden Tag einen aussagekräftigen Titel!