HTML Basics Tutorial

1.4. Zentrieren und Absatzformate


Manchmal will man nicht alles linksbündig haben wie es Standard ist. Vielleicht möchte man etwas ja auch zentriert (also in der Mitte) oder rechtsbündig (am rechten Rand) haben. Kein Problem für HTML mit diesen Befehlen:

Code
<div align="center">Zentrierter Text</div>
<div align="left">Linksbündiger Text</div>
<div align="right">Rechtsbündiger Text</div>
<div align="justify">Blocksatz</div>

Wie man diese Befehle einsetzt, dürfte kein Problem sein, oder? Wie gewohnt setzt man den Anfang vor dem zu formatierenden Text: <div align="center"> und das Ende dorthin wo die Formatierung enden soll: </div>.

Doch moment mal, hier ist etwas anders als bisher! Richtig, der Anfangs- und der Endbefehl unterscheiden sich nicht nur noch durch einen Schrägstrich, sondern duch wesentlich mehr! Nun ja, der wichtige Teil, den das Programm sich merkt steht dennoch im Anfangs- und Endbefehl, nämlich das div. Dabei handelt es sich um einen Befehl, der für Absatzformatierungen verantwortlich ist. Hinter dem div-Befehl können mehrere "Unterbefehle" (auch Attribute genannt) stehen, in diesem Fall align="center". Align ist Englisch und bedeutet Ausrichtung (des Textes). Center heißt übersetzt Zentriert. Zusammen ergibt alles eine kleine logische Formel: "Ausrichtung=Zentriert". Logisch, oder? Es wäre natürlich einfacher wenn alles in Deutsch stehen würde, doch die paar Vokabeln zu lernen fällt nicht so schwer - du wirst schon sehen !

Nachdem du in den letzten Abschnitten viel über Textformatierungen und Absatzformierungen gelernt hast, kommen wir im nächsten Abschnitt zu einem weiteren wichtigen Element in Webseiten: den Grafiken!

Weiterlesen...

©2001-2011 PlanetHTML und Robert R. Agular --- Impressum