====== Textabsatz und Zeilenumbrüche ====== Wenn man einfachen Fließtext in einem HTML-Dokument verwendet, formatiert der Browser diesen Text nach bestimmten Regeln. Dabei werden Leerzeichen und Zeilenumbrüche anders behandelt als erwartet. Der Grund für dieses dynamische Layout liegt darin, dass die Benutzer einer Webseite unterschiedliche Bildschirmauflösungen, Monitor- oder Fenstergrößen nutzen und der Browser die Darstellung optimal an diese Breite anpasst. * Mehrere Leerzeichen werdem im Browser automatisch zusammengefasst und als nur ein Leerzeichen angezeigt. * Leerzeichen am Anfang einer Textzeile werden ignoriert. * Zeilenumbrüche im HTML-Quellcode werden als ein Leerzeichen dargestellt bzw. ignoriert. ==== Aufgabe 1 ==== Kopiere den folgenden Text in den HTML-Editor. Zauberlehrling - Goethe Der Zauberlehrling Hat der alte Hexenmeister Sich doch einmal wegbegeben! Und nun sollen seine Geister Auch nach meinem Willen leben. Seine Wort und Werke Merkt ich und den Brauch, Und mit Geistesstärke Tu ich Wunder auch. Walle! Walle! Manche Strecke, Dass, zum Zwecke, Wasser fließe Und mit reichem, vollem Schwalle Zu dem Bade sich ergieße. Betrachtet man das Ergebnis im Browser, so stellt man fest, dass alle Zeilenumbrüche und Absätze ignoriert werden. Damit diese auch im Browser dargestellt werden, müssen entsprechende HTML-Tags eingefügt werden. |^''
''|Der Tag ''
'' erzeigt einen //Zeilenumbruch // . Die Zeile darunter wird direkt darunter mit dem aktuellen Zeilenabstand dargestellt. Dieser Tab besitzt keinen Ende-Tag.| |^''

...

''|Mit dem //Paragraph //-Tag fügt man einen Absatz ein. Dadurch wird vor und nach einem Absatz ein größerer Abstand erzeugt.| ==== Aufgabe 2 ==== Erweitere das HTML-Dokument mit Hilfe der beiden Tags, so dass der eingegebene Text im HTML-Dokument auf die gleiche Weise im Browser dargestellt wird. Zauberlehrling - Goethe

Der Zauberlehrling

Hat der alte Hexenmeister
Sich doch einmal wegbegeben!
Und nun sollen seine Geister
Auch nach meinem Willen leben.
Seine Wort und Werke
Merkt ich und den Brauch,
Und mit Geistesstärke
Tu ich Wunder auch.

Walle! Walle!
Manche Strecke,
Dass, zum Zwecke,
Wasser fließe
Und mit reichem, vollem Schwalle
Zu dem Bade sich ergieße.

 =====Absätze ausrichten===== Der Text innerhalb eines Absatzes wird standardmäßig linksbündig ausgerichtet. Man kann jedoch einen Text auch //linksbündig //, //zentriert //, //rechtsbündig // oder als //Blocksatz // ausrichten. Dazu wir im Tag ''

'' das Attribut ''allign'' verwendet. ====Beispiel==== |**linksbündiger Text:**|

linksbündiger Text

| |**zentrierter Text:**|

zentrierter Text

| |**rechtsbündiger Text:**|

rechtsbündiger Text

| |**Blocksatz**|

Dies ist ein Absatz, der im Blocksatz ausgerichtet ist.

| ====Aufgabe 3==== * //Zentriere // die Überschrift (=1. Absatz) im Dokument ''Zauberlehrling.html''! * Stelle den zweiten Absatz //linksbündig // und den dritten Absatz //rechtsbündig // dar!