Tabellen und Listen in den Foren von
www.drehscheibe-online.de

 

Grundsätzliches:

1. diese Anleitung gilt NUR für die Foren „News“, „Historische Bahn“, „TFZ“, „Rev“, „Sichtungen“, „Diskussionen“ und „Strassenbahn“ .

2. Bitte vergessen Sie nie einen einleitenen Tag auch wieder abzuschließen!

3. Gehen Sie sparsam mit Formatierungen um! Der Inhalt eines Beitrags ist das Entscheidene, die Formatierung kann nur dem besseren Verständnis oder der besseren Lesbarkeit dienen, sie kann aber keinen Inhalt ersetzen.

4. für eigene Versuche gibt es ein eigens eingerichtetes „Testforum“

 

Diese kleine Anleitung erhebt nicht den Anspruch, alle vorkommenden Fragen zu HTML in den Foren zu beantworten.

 

Beachten Sie bitte die einleitende Erklärung in dem Teil betreffend Formatierungen !

Hinweise zu Ende- Tags, Syntax und Quellenhinweise weiterlesen >>

 

Tabellen nutzen, um Texte und Abbildungen zu strukturieren :

Listen nutzen, um Texte und Abbildungen zu strukturieren :

 

Die Tabelle :

| 1: Aufbau | 2: Formatierungen | 3: Bilder in Tabellen | 4: Zellen verbinden |

Vom User zu ergänzen : 1. Code , 2. Inhalt

1. Aufbau einer Tabelle :

 

Code

[table1][/table1]

[table1] leitet eine Tabelle mit Umrandung ein
ein [table0]...[/table0] ergibt eine Tabelle ohne Umrandung

Code
(ergänzt)

[table1]
[tr][/tr]
[/table1]

[tr] leitet eine Tabellenzeile ein

Code
(ergänzt)

[table1]
[tr]
[td][/td]
[/tr]
[/table1]

[td] leitet eine Tabellenzelle ein.
ACHTUNG !
1. Diese 3 Elemte gehören ZWINGEND zu einer Tabelle !
2. Wie in HTML müssen auch hier in jeder Zeile die gleiche Anzahl Zellen eingebaut werden !

Code-Beispiel
(ergänzt)

[table1]
[tr]
[td]eins[/td][td]zwei[/td]
[/tr]
[tr]
[td]drei[/td][td]vier[/td]
[/tr]
[/table1]

Darstellung im Forum

einszwei
dreivier

 

nach oben

 

 

2. Formatierung in Tabellen :

 

Code

[table1]
[tr]
[td]eins[/td][td]zwei[/td]
[/tr]
[tr]
[td]drei[/td][td]vier[/td]
[/tr]
[/table1]

Diesen Code aus dem obigen Beispiel kann man noch mit den Formatierungsmöglichkeiten aus der BB-Tag Buttonleiste des Forum kombinieren :

Code
(ergänzt)

[table1]
[tr]
[td][b]eins[/b][/td][td][i]zwei[/i][/td]
[/tr]
[tr]
[td][center]3[/center][/td][td][color=#FF0000]vier[/color][/td]
[/tr]
[/table1]

Darstellung im Forum

einszwei
3
vier

 

nach oben

 

 

3. Bilder in Tabellen :

 

Code

[table1]
[tr]
[td]
...

Anstelle von Text kann man Tabellen auch mit Bildern oder Grafiken gestalten,
um z.B. Galerien im Forum zu zeigen.

Code
(ergänzt)

[table1]
[tr]
[td][img]http://www.....[/img]
...

Fügen Sie Bilder / Grafiken mittels [img]...[/img] (Details) ein.

 

nach oben

 

 

4. Zellen verbinden

 

Code

[table1]
[tr]
[td]eins[/td][td]zwei[/td]
[/tr]
[tr]
[td]drei[/td][td]vier[/td]
[/tr]
[/table1]

Dieser Code vom Beispiel weiter oben wird zu einer Tabelle mit 3 Zeilen und 2 Spalten erweitert :

Code
(ergänzt)

[table1]
[tr]
[td]eins[/td][td]zwei[/td]
[/tr]
[tr]
[td]drei[/td][td]vier[/td]
[/tr]
[tr]
[td]fünf[/td][td]sechs[/td]
[/tr]
[/table1]

Darstellung im Forum

einszwei
dreivier
fünfsechs

Code

[td2b]...[/td]

Nutzen Sie [td2b], um zwei nebeneinander liegende Zellen zu verbinden.
(in diesem Fall 3 und 4)
dadurch entfällt die Nennung des zweiten [td]...[/td] Abschnitts im zweiten [tr]...[/tr] Bereich.

Code
(ergänzt)

[table1]
[tr]
[td]eins[/td][td]zwei[/td]
[/tr]
[tr]
[td2b]drei vier[/td]
[/tr]
[tr]
[td]fünf[/td][td]sechs[/td]
[/tr]
[/table1]

Darstellung im Forum

einszwei
drei vier
fünfsechs

Code

[td2h]...[/td]

Nutzen Sie [td2h], um zwei übereinander liegende Zellen zu verbinden.
(in diesem Fall 1 und 3)
dadurch entfällt die Nennung des ersten [td]...[/td] Abschnitts im zweiten [tr]...[/tr] Bereich.

Code
(ergänzt)

[table1]
[tr]
[td2h]eins drei[/td][td]zwei[/td]
[/tr]
[tr]
[td]vier[/td]
[/tr]
[tr]
[td]fünf[/td][td]sechs[/td]
[/tr]
[/table1]

Darstellung im Forum

eins dreizwei
vier
fünfsechs

 

nach oben

 

 

Listen :

Sie können auch die aus den Anfangstagen von HTML bekannten Listen in den Foren nutzen :

 

Code

[ol]
[li]...
[li]...
[li]...
[/ol]

[ol] definiert den Beginn einer nummerierten Liste,
[li] definiert die Einträge der Liste.
Bitte beachten :
[li] hat im Gegensatz zu reinem HTML KEIN Ende Tag !

Code
(ergänzt)

[ol]
[li]Punkt a
[li]Punkt b
[li]Punkt c
[/ol]

Darstellung im Forum

  1. Punkt a
  2. Punkt b
  3. Punkt c

Code

[ul]
[li]...
[li]...
[li]...
[/ul]

[ul] definiert den Beginn einer unnummerierten Liste,
[li] definiert die Einträge der Liste.
Bitte beachten :
[li] hat im Gegensatz zu reinem HTML KEIN Ende Tag !

Code
(ergänzt)

[ul]
[li]Punkt 1
[li]Punkt 2
[li]Punkt 3
[/ul]

Darstellung im Forum

  • Punkt 1
  • Punkt 2
  • Punkt 3

 

 

nach oben

 

 
 

zur Startseite HTML im DSO Forum

 
 

 

© N. Honold, letzteÄnderung: