Tabelle erstellen (Tutorial)
Seite 1 von 1
Tabelle erstellen (Tutorial)
Tabelle erstellen
Um eine Tabelle hier im Forum zu erstellen habe ich ein kleines Tutorial vorbereitet
wobei ihr den Tabellen Code nur einfach Kopieren braucht und in in eurem beitrag einfügen müsst.
Tabellen Code:
<table border="1">
<caption>"Überschrift"</caption>
<thead>
<tr>
<th scope="col">Titel 1</th>
<th scope="col">Titel 2</th>
<th scope="col">Titel 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Beispiel 1.0</td>
<td>Beispiel 1.1</td>
<td>Beispiel 1.2</td>
</tr>
<tr>
<td>Beispiel 2.0</td>
<td>Beispiel 2.1</td>
<td>Beispiel 2.2</td>
</tr>
</tbody>
</table>
_________________________________
Um eine oder mehrere Spalten hinzuzufügen braucht ihr nur <td>Extra spalte</td> einfach dazu einfügen.
Beispiel:
<tr>
<td>Beispiel 2.0</td>
<td>Beispiel 2.1</td>
<td>Beispiel 2.2</td>
<td>Beispiel 2.3</td>
</tr>
_________________________________
Mit dem Titel ist es genau so <th scope="col">Extra Titel</th>
Beispiel:
<tr>
<th scope="col">Titel 1</th>
<th scope="col">Titel 2</th>
<th scope="col">Titel 3</th>
<th scope="col">Titel 4</th>
</tr>
_________________________________
Mit einer neuen Zeile genau so nur das man die am besten als Komplette Spalte "Kopiert" und unter dem </tr> "Einfügt".
<tr>
<td>Beispiel 2.0</td>
<td>Beispiel 2.1</td>
<td>Beispiel 2.2</td>
<td>Beispiel 2.3</td>
</tr>
<tr>
<td>Beispiel 3.0</td>
<td>Beispiel 3.1</td>
<td>Beispiel 3.2</td>
<td>Beispiel 3.3</td>
</tr>
</tbody>
</table>
________________________________
Ganz Wichtig!!
Sobald ihr eure Tabelle Fertig habt und es Posten wollt müsst ihr unter Optionen den hacken
bei "HTML in diesem Beitrag deaktivieren" weg machen.
Sonst seht ihr diesen Code anstatt die Tabelle.
Die Rot Markierten Codes Könnt ihr Kopieren um es zu vereinfachen anstatt sie zu tippen.
Zuletzt von Admin am 7/9/2015, 18:26 bearbeitet; insgesamt 5-mal bearbeitet
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten