Seiten Netzwerk: ChaoS Networks | eWeBuKi | eWeBuKi Demo | port23.de |

Block-Elemente

Bestimmen die Struktur der Internet Seite.

Vorherige Seite: Tags - Nächste Seite: Inline-Elemente - Zum Kapitel Anfang

Übersicht

H1-6 | P | PRE | DIV | LIST | HR | TAB | CENTER

Block-Elemente erzeugen einen eigenen Absatz im Textfluss. Je nach Elementtyp kann der Browser dabei automatisch einen größeren Abstand zum vorangehenden Inhalt einfügen.

Die neue Art wie eWeBuKi den Markeninhalt behandelt (newbrmode) macht die Sache etwas komplizierter, aber damit auch übersichtlicher. Ein Marke muss immer mindestens einen Absatz enthalten. Zeilenumbrüche außerhalb dieser Marke werden ignoriert.


Beispiel Codeansicht:

[H3]Überschrift[/H3]

[P]Ein Text innerhalb des P-Tag (Absatz) wird auch automatisch an einem
Zeilenumbruch (\n\r) umgebrochen.[/P]



Beispiel Ergebnis:

Überschrift

Ein Text innerhalb des P-Tag (Absatz) wird auch automatisch an einem
Zeilenumbruch (\n\r) umgebrochen.


H1-6 Überschrift

[H1][/H1], [H2][/H2], [H3][/H3], [H4][/H4], [H5][/H5], [H6][/H6]

Eine Überschrift H1-6 wird eingefügt. Der H1-6 Tag kann ebenfalls speziell definiert werden.

P Absatz

[P][/P], [P=wert][/P] Absatz mit class="wert", [P=id:wert][/P] Absatz mit id="wert"

Erstellt einen Absatz (engl. Paragraph) um den Text strukturiert zu formatieren. In HTML wird damit ein p erzeugt. Der Parameter erzeugt wie beim DIV Tag ein "class" oder "id" Innerhalb dieses Tag dürfen folgende Inline-Elemente vorkommen.

PRE Präformatierter Text

[PRE][/PRE]

Text wird angezeigt wie im Editor enigegeben wurde.

DIV Bereich

[DIV=wert][/DIV], [DIV=id:wert][/DIV]

Der Tag ist das Mittel der Wahl, wenn es darum geht Inhalte speziell zu formatieren. Da Tabellen in Zeiten von CSS ausgedient haben, bietet DIV einen adäquaten Ersatz. Normalerweise erzeugt der Parameter hinter dem "=" eine "class" wird aber ein "id:wert" übergeben, wird eine "id" erzeugt.

wert - erzeugt eine Klasse (class)
id:wert - erzeugt eine ID (id)

LIST Listen

[LIST]Element[*]Element[/LIST]

oder

[LIST]Element
[*]Element
[/LIST]

Der List Tag kann einzeilig oder mehrzeilig eingegeben werden. In HTML werden damit ol, ul erzeugt. Erweitert man den Start-Tag mit einem = können dem Tag zusätzliche Parameter (1, a, A, I, square, circle, disc) übergeben werden

[LIST=I]Element[*]Element[*]Element[/LIST]
[LIST=square]Element[*]Element[*]Element[/LIST]

Beispiele:

  1. Element
  2. Element
  3. Element

Der List Tag kennt einen weiteren Parameter "DEF" welcher eine Definitionsliste erstellt.

[LIST=DEF]Element 1
[*]Erklärung 1
[*]Element 2
[*]Erklärung 2
[*]Element 3[*]Erklärung 3[/LIST]

Beispiel:

Element 1
Erklärung 1
Element 2
Erklärung 2
Element 3
Erklärung 3

HR Horizontale Trennlinie

[HR][/HR]

Eine Horizontale Trennlinie wird erzeugt.

TAB Tabellen

[TAB][ROW][COL][/COL][/ROW][/TAB]

In Zeiten von CSS hat die Tabelle als Design Element ausgedient und sollte auch dafür nicht mehr verwendet werden. In HTML werden damit table, row und col erzeugt.

CENTER Zentriert (engl. center)

[CENTER][/CENTER]

Zentriert die Ausgabe innerhalb des Anzeige Bereich. Da dieses Element jedoch als deprecated, eingestuft wurde sollte es nicht mehr verwendet und wenn vorhanden ersetzt werden.

Vorherige Seite: Tags - Nächste Seite: Inline-Elemente - Zum Kapitel Anfang