Logo

Eigene Homepage

Texte einfügen

"Jetzt kommt Inhalt auf die Seite ...

Wenn Du einen langen Text ohne irgendwelche Zeilenumbrüche auf einen Internetseite stellst, dann kommt dies hier raus: Langer Text ohne Zeilenumbruch

Wenn Du ihn als Fließtext auf eine Seite packst, dann kommt folgendes raus: (mach mal das Browserfenster schmaler oder breiter) Langer Text mit Zeilenumbruch. Ergo arbeiten wir nur mit diesem Fließtext, es sei denn, es gibt einen Grund für ein anderes Verhalten.

Wenn Du einen Fließtext mit mehreren Absätzen in den Editor einfügst, dann sieht das im Editor so aus:

Fließtext mit mehreren Absätzen im Editor

Das Ergebnis im Browser ist aber leider:

Fließtext mit mehreren Absätzen im Browser

Der Browser braucht Anweisungen für einen Absatz, genauso, wie er für jede andere Darstellung Befehle braucht. Diese Anweisung ist das p und das muss so aussehen:

<p> Dies ist Dein Text, der sich über mehrere Zeilen hinwegzieht </p> <p> Dies ist schon der nächste Absatz. </p>

Diese beiden Absätze können auch mit
einem einfacheren <br><br> mit einer
Leerzeile getrennt werden, aber dem
p kann man auch wunderbar einen
Abstand hinzufügen in der CSS-Datei wie
z.B. "p {margin-top: 25px;}"

Beachte, dass das p auch ein Ende-Tag hat!

Du kannst das natürlich auch so schreiben, aber dann geht im Editor die Übersichtlichkeit verloren:

<p>Dies ist Dein Text, der sich über mehrere Zeilen hinwegzieht</p><p>Dies ist schon der nächste Absatz.</p>

Wie bekommst Du fertige Fließtexte mit Absätzen am bequemsten in Deine Homepage? Du lädst den Text in Deinen Editor, klickst den Dialog "Suchen/Ersetzen" an ("Erweitert" anwählen!) und gibst ein (bei Windows):

Suchen nach: \r\n\r\n Ersetzen durch: \n</p>\n<p>\n

Und schon stehen die richtigen Zeichen zwischen Deinen Absätzen. Jetzt noch am Anfang ein <p> und am Ende ein </p> und der Text ist fertig für die Seite. Kopiere alles und füge es an der richtigen Stelle ein. Lohnt natürlich nur bei mehr Text, ansonsten schreibst Du es von Hand ...

Das war es in Sachen Text, jetzt kommen noch Bilder.


Zurück zur Seite 9 <------> Weiter zur Seite 11