Zeilenumbrüche und Leerzeilen

Zeilenumbruch in HTML erzwingen

Einen Zeilenumbruch kann man mit dem Tag <br/> erzwingen. "br" steht für "brake row" was soviel wie Zeilenumruch heisst.


Um in unserem Text Zeilenumbrüche einzubauen müssen wir den Absatz folgendermassen ändern:

 <!-- Textabsatz --> 
 <p> 
   Das ist mittlerweile meine vierte HTML Seite.<br/>  
   Ich weiss jetzt schon wie ein HTML 
   Dokument aufgebaut ist und was feste Bestandteile sind.  
   Ich kann auch schon Überschriften 
   einbauen und horizontale Linien mit einbauen.<br/>  
   Im Moment bin ich dabei einen Textabsatz   einzubauen.<br/>
   Das macht mir Spaß !!! 
 </p>

Nun wird an den stellen wo wir den "br"-Tag  eingebaut haben ein Zeilenumbruch eingefügt.Jetzt wissen wir, wie wir einen Zeilenumbruch einfügen können. Aber was ist mit einer Leerzeile?

 

Leerzeile

Das ist ein einfacher Trick, der eigentlich keiner ist ;-) Wir unterteilen einfach den Text in mehrere Absätze. Am Beispiel unsere Textes sieht das so aus:

 <html>
 <!-- Das HTML Dokument beginnt -->
  <head>
   <!-- Der Kopf des HTML Dokuments -->
   <title>
    Hallo Titel
   </title>
  </head>
  <body>
   <!-- Der Inhalt des HTML Dokuments -->
   <!-- Überschrift -->
   <h1>Meine fünfte Seite</h1>
   <!-- horizontale Linie -->
   <hr />
   <!-- Textabsatz 1 -->
   <p>
    Das ist mittlerweile meine fünfte HTML Seite.
   </p>
   <!-- Textabsatz 2 -->
   <p>
   Ich weiss jetzt schon wie ein HTML Dokument aufgebaut ist und was
   feste Bestandteile
   sind. Ich kann auch schon Überschriften einbauen und horizontale 
   Linien mit einbauen.<br>
   Im Moment bin ich dabei einen Textabsatz einzubauen.<br /> Das 
   macht mir Spaß !!!
   </p>
   <!-- Textabsatz 3 -->
   <p>
   Neuerdings kann ich auch Zeilenumbrüche<br> und Leerzeilen einfügen
   </p>
  </body>
 </html>


 

Im Browser sieht das ganze so aus:

Auf den vorheringen Seiten ging es um strukturelle Elemente einer HTML Seite. Das www wäre aber nicht mal halb so schön, ohne visuelle Effekte die webseiten bunt und ansprechend machen. Cascading Style Sheets, kurz CSS, helfen dabei Seiten zu stylen.

Im nächsten Abschnitt geht es darum einen Einstieg in CSS zu bekommen.

 

Navigation