UnixSE:Exempel på tabellsyntax

Från Unix.se, den fria unixresursen.

Se även: Unixse:Hur man redigerar en sida

Hur det ser ut Så här skriver du

Aktie\Valuta	SEK	USD
TeliaSonera	36,50	$3,00
Apple	123	$12,3
Microsoft	122,50	$12,25

{| BORDER="1" CELLSPACING="0"

|Aktie\Valuta||SEK||USD |---- |TeliaSonera||36,50||$3,00 |---- |Apple||123||$12,3 |---- |Microsoft||122,50||$12,25 |}

En exempeltabell
Första rubriken	Andra rubriken	Tredje rubriken
Övre vänstra	Övre mitten	Högra sidan
Nedre vänstra	Nedre mitten	Högra sidan
Sista raden

{| BORDER="1"

<CAPTION>En exempeltabell</CAPTION>
|----
!Första rubriken!!Andra rubriken!!Tredje rubriken
|----
|Övre vänstra
|Övre mitten
|ROWSPAN="2"|Högra sidan
|----
|Nedre vänstra||Nedre mitten
|----
|COLSPAN="3"|Sista raden
|}

En exempeltabell

Första rubriken

Andra rubriken

övre vänstra

övre mitten

högra sidan

nedre vänstra

nedre mitten

*En tabell i en tabell*
Bild saknas Wiki.png Bild:wiki.png	Bild saknas Wiki.png Bild:wiki.png
Två Wikipedia logotyper

{| BORDER="1" CELLPADDING="5" CELLSPACING="0" ALIGN="CENTER"
<CAPTION>'''En exempeltabell'''</CAPTION>
|----
!STYLE="background:#efefef;"|Första rubriken
!COLSPAN="2" STYLE="background:#ffdead;"|Andra rubriken
|----
|övre vänstra
|övre mitten
|ROWSPAN="2" STYLE="border-bottom:3px solid grey;"|högra sidan
|----
|STYLE="border-bottom:3px solid grey;"|nedre vänstra
|STYLE="border-bottom:3px solid grey;"|nedre mitten
|----
|COLSPAN="3" ALIGN="CENTER"|
{| BORDER="0"
<CAPTION>''En tabell i en tabell''</CAPTION>
|----
|ALIGN="CENTER" WIDTH="150px"|[[Bild:wiki.png]]
|ALIGN="CENTER" WIDTH="150px"|[[Bild:wiki.png]]
|----
|ALIGN="CENTER" COLSPAN="2" STYLE="border-top:1px solid red; border-right:1px SOLID RED; border-bottom:1px SOLID RED; border-left:1px SOLID RED;"|Två Wikipedia logotyper
|}
|}

HTML exempel

Notera att du kan med fördel använda wikpedias inbyggda syntax för tabeller istället för HTML-baserade tabeller.

Så här ser det ut

Så här skriver du

En exempeltabell
Första rubriken	Andra rubriken	Tredje rubriken
övre vänstra	övre mitten	högra sidan
nedre vänstra	nedre mitten	högra sidan
sista raden

<table border="1">
<caption>En exempeltabell</caption>
<tr>
<th>Första rubriken</th>
<th>Andra rubriken</th>
<th>Tredje rubriken</th>
</tr>
<tr>
<td>övre vänstra</td>
<td>övre mitten</td>
<td rowspan=2>högra sidan</td>
</tr>
<tr>
<td>nedre vänstra</td>
<td>nedre mitten</td>
</tr>
<tr>
<td colspan="3" align="center">sista raden</td>
</tr>
</table>

"Elementmärket" CAPTION (http://www.w3.org/TR/html4/struct/tables.html#h-11.2.2) beskriver tabellens natur.

Om din tabell inte ser riktigt ut som du tänkt dig, se till att alla <tr> och <td> element ("taggar") är stängda (closed) med motsvarande </tr> och </td> element. Indentera inte rader, och inkludera inte tomma sådana inuti en tabell. I annat fall kan icke-önskvärt utrymme ovanför tabellen dyka upp i användarens webbläsare.

Här är några mer avancerade exempel som visar fler möjligheter för att skapa tabeller. Du kan experimentera med dessa inställningar i din egen tabell för att se vilka effekter de har. Kom ihåg att även det är möjligt att använda färger, rekommenderar vi att du använder dem sparsamt. Referera till ovanstående tabell för att se vad man kan göra med text i tabeller.