SELFHTML/Quickbar  HTML  Absatztypen und Textgestaltung


Bereiche mit mehreren Elementen

Diese Seite ist ein Dokument mit Informationstext

 Bereiche mit mehreren Elementen definieren
 Zentrierten Bereich mit mehreren Elementen definieren
 Weitere Möglichkeiten

 

HTML3.2 Bereiche mit mehreren Elementen definieren

Beispiel Anzeigebeispiel: So sieht's aus

Sie können mehrere Absätze, bestehend aus ganz verschiedenen Elementen wie Text, Grafiken, Tabellen usw., in einen gemeinsamen Bereich einschließen. Diesen Bereich können Sie dann gemeinsam ausrichten.

Beispiel:

<div align=center>
<h1>Der Mond - eine Überschrift</h1>
<img src="mond.jpg" align=middle> Ein Bild vom Mond
<p>Ein erklärender Text zum Mond, und alles wird zentriert</p>
</div>
<div align=right>
<i>&copy 1997 by Josua Piesepampel</i>
</div>

Erläuterung:

Mit <div> leiten Sie einen Bereich ein, in den Sie mehrere Elemente einschließen können (div = division = Bereich). Alles, was zwischen diesem Tag und dem abschließenden </div> steht, wird als Teil des Bereichs interpretiert.

Einen solchen Bereich und alle seine enthaltenen Elemente können Sie mit dem Atrribut align= im einleitenden <div>-Tag ausrichten. Mit align=center richten Sie den Bereich mit allen seinen Elementen zentriert aus (align = Ausrichtung, center = zentriert), mit align=right rechtsbündig (right = rechts). Mit align=justify werden innere Elemente wie freistehender Text, Textabsätze oder Überschriften als Blocksatz ausgerichtet. Mit align=left erzwingen Sie die linksbündige Ausrichtung von Elementen (Voreinstellung).

 

HTML3.2 Zentrierten Bereich mit mehreren Elementen definieren

Beispiel Anzeigebeispiel: So sieht's aus

Sie können mehrere Absätze, bestehend aus ganz verschiedenen Elementen wie Text, Grafiken, Tabellen usw. gemeinsam zentriert ausrichten.

Beispiel:

<center>
<h1>Der Mond - eine Überschrift</h1>
<img src="mond.jpg" align=middle> Ein Bild vom Mond
<p>Ein erklärender Text zum Mond, und alles wird zentriert</p>
</center>

Erläuterung:

Mit dem Tag <center> wird alles, was folgt, zentriert ausgerichtet (center = zentriert). Das können Überschriften, Text, Grafiken oder Tabellen sein. Mit dem abschießenden Tag </center> beenden Sie die Zentrieranweisung.

Beachten Sie:

Das <center>-Tag steht auf der Abschußliste des W3-Konsortiums, das heißt, es soll in Zukunft aus dem HTML-Standard entfernt werden. Benutzen Sie stattdessen den Befehl <div align=center>, der das gleiche leistet.

 

HTML4.0 Weitere Möglichkeiten

Das <div>-Tag und das <center>-Tag können  Universalattribute enthalten.

Wenn Sie HTML bereits etwas besser kennen, probieren Sie auch mal die Möglichkeiten aus, die Ihnen  CSS Style-Sheets bieten. Denn gerade das sehr allgemeine <div>-Tag ist geradezu prädestiniert dafür, um mit Hilfe von Style-Sheets zum Leben erweckt zu werden. Dazu müssen Sie zunächst wissen, wie man  Style-Sheets definieren kann. Anschließend sind Sie in der Lage, Style-Sheet-Angaben anzuwenden. Auf das <div>-Tag können Sie beispielsweise folgende Style-Sheet-Angaben anwenden:
 Schriftformatierung
 Abstände, Ränder, Ausrichtung
 Rahmen und Innenabstände
 Hintergrundfarben und -bilder
 Elemente positionieren
 Mehrspaltiger Textfluß


 
weiter: Trennlinien
zurück: Schriftgröße, Schriftfarbe, Schriftart
 

SELFHTML/Quickbar  HTML  Absatztypen und Textgestaltung

© 1998  Stefan Münz, muenz@csi.com