Hilfe:Tabellen

Aus STNE-Wiki

Wechseln zu: Navigation, Suche
Inhalt | STNE | Regeln | NPC | Kolonien | Gebäude | Waren | Items | Schiffe | Waffen | Sternenkartographie | Forschungen | Handel | Siedler | RPG | Support | Index

Navigieren

Seiten bearbeiten

Wiki-Syntax

Wiki-Verwaltung


Inhaltsverzeichnis

Tabellen

Tabellen können definiert werden, um Textinhalte und Bilder in tabellarischer Form darzustellen.


Syntaxreferenz

Beschreibung Syntax in der Wiki Vergleich: Syntax in HTML
Öffnender Tag für Tabelle {| Attribute <table Attribute>
Tabellenkopf ! Attribute | Text <tr><th Attribute>Text</th>
Tabellenzeile (Inhalt) | Attribute | Text <tr><td Attribute>Text</td>
Schließender Tag Kopf/Zeile |- </tr>
Schließender Tag für Tabelle |} </table>



Die am Häufigsten verwendeten Attribute


Für einen sichtbaren Rand um die Tabelle, musst du nach dem Tag {| das Attribut border notieren und ihm einen Wert größer als 0 zuweisen. Beispiel: {| border="1" Druckt einen sichtbaren Rand um die Tabelle und jedes Feld.


Um den Inhalt einer Tabellenzeile horizontal auszurichten, verwendet man das Attribut align in dem Attributbereich des Tags für Tabellenkopf oder Tabellenzeile. Die Werte: left, center, right sind erlaubt. Beispiel: ! align="center" | Inhalt Zentriert den Inhalt in der Tabellenzeile


Die Hintergrundfarbe eines Tabellenfeldes oder einer Tabellenzeile kann mit dem Attribut bgcolor geändert werden. Beispiel: ! bgcolor="#000030" | Inhalt Ändert die Hintergrundfarbe des Feldes in ein dunkles Blau, hier in hexadezimaler Notation #000030. Hinweis: Die Hintergrundfarbe der Tabelle ist standardmäßig nicht definiert - also transparent. Hierdurch ist z.B. eine Zeile der Tabelle, ohne explizite Farbangabe, immer mit der Hintergrundfarbe der Seite gefüllt.


Um mehrere Zellen zu verbinden gibt es das Attribut colspan, welchem ein Wert kleiner oder gleich der Anzahl Spalten in der Tabelle zugewiesen werden muß. Beispiel: | colspan="5" | Inhalt würde in einer Tabelle, mit genau 5 oder mehr Spalten, 5 Zellen zu einer einzigen verbinden.


Die hier gezeigten Attribute könnten größtenteils kombiniert werden, wie aus dem Beispiel weiter unten ersichtlich ist.

Der Text in den Tabellenfeldern kann formatiert werden und Links enthalten, wie normaler Text auch.


Beispiel

Quelltext

{| border="1"
! align="center" bgcolor="#000030" colspan="4" | Tabellentitel
|-
! align="center" bgcolor="#000030" | Header 1
! align="center" bgcolor="#000030" | Header 2
! align="center" bgcolor="#000030" | Header 3
! align="center" bgcolor="#000030" | Header 4
|-
| align="left" | 1. Zeile 1. Spalte
| align="left" | 1. Zeile 2. Spalte
| align="left" | 1. Zeile 3. Spalte
| align="left" | 1. Zeile 4. Spalte
|-
| align="left" colspan="4" | Dieser Text erstreckt sich über 4 Spalten.
|-
| align="left" colspan="4" | Die nächste Tabellenzeile ist leer
|-
| align="left" | <br>
| align="left" |
| align="left" |
| align="left" |
|-
|}

Ergebnis

Tabellentitel
Header 1 Header 2 Header 3 Header 4
1. Zeile 1. Spalte 1. Zeile 2. Spalte 1. Zeile 3. Spalte 1. Zeile 4. Spalte
Dieser Text erstreckt sich über 4 Zeilen.
Die nächste Tabellenzeile ist leer

Persönliche Werkzeuge