Wikikids:Tabellen maken: verschil tussen versies

Uit Wikikids
Naar navigatie springen Naar zoeken springen
 
(13 tussenliggende versies door 5 gebruikers niet weergegeven)
Regel 1: Regel 1:
 
{{Terugnaarkidsportaal}}
  
{{Terugnaarkidsportaal}}
  +
{{Handleiding bewerken}}
 
Tabellen kunnen handig zijn om informatie overzichtelijk op een pagina te zetten.
 
Tabellen kunnen handig zijn om informatie overzichtelijk op een pagina te zetten.
   
Regel 5: Regel 6:
 
 
 
===De bouwsteentjes zijn:===
  
===De bouwsteentjes zijn:===
  +
{|{{Prettytable}}
−
*{| Tabel beginnen. Na dit teken kun je parameters meegeven voor de tabel.
  
  +
|'''<nowiki>{|</nowiki>'''||Tabel beginnen. Hier kun je parameters toevoegen.
−
*| Een cel, ze worden achter elkaar gezet, dus hoe meer je er onder elkaar zet, des te meer kolommen. Na het verticale streepje typ je de tekst die je in de cel wilt hebben.
  
  +
|-
−
*|- Een nieuwe rij beginnen. Ook hier is ruimte voor het meegeven van parameters.
  
  +
|'''<nowiki>|</nowiki>'''||Zo maak je een cel van de tabel.
−
*|} De tabel sluiten
  
  +
|-
  +
|'''<nowiki>|-</nowiki>'''||Een nieuwe rij beginnen. Ook hier kun je parameters neerzetten.
  +
|-
  ⚫
|'''<nowiki>|}</nowiki>'''||De tabel sluiten.
  +
|}
   
 
== De eenvoudigste tabel ==
  
== De eenvoudigste tabel ==
Regel 37: Regel 43:
 
Bijvoorbeeld:
  
Bijvoorbeeld:
   
−
<nowiki>{|</nowiki> border=1
 +
<nowiki>{|</nowiki> border=1
−
<nowiki>|</nowiki>kolom 1, rij 1
 +
<nowiki>|</nowiki>kolom 1, rij 1
−
<nowiki>|</nowiki>kolom 2, rij 1
 +
<nowiki>|</nowiki>kolom 2, rij 1
−
<nowiki>|-</nowiki>
 +
<nowiki>|-</nowiki>
−
<nowiki>|</nowiki>kolom 1, rij 2
 +
<nowiki>|</nowiki>kolom 1, rij 2
−
<nowiki>|</nowiki>kolom 2, rij 2
 +
<nowiki>|</nowiki>kolom 2, rij 2
−
<nowiki>|}</nowiki>
 +
<nowiki>|}</nowiki>
   
 
geeft als resultaat:
  
geeft als resultaat:
Regel 71: Regel 77:
 
Een tabel met enkele parameters kan er dus zo uitzien:
  
Een tabel met enkele parameters kan er dus zo uitzien:
   
  +
<pre>
−
<nowiki>{|</nowiki> border=5 align=right
 +
{| border=5 align=right
⚫
<nowiki>|-</nowiki> bgcolor=#66FF99
  
  +
|- bgcolor=#66FF99
⚫
<nowiki>|</nowiki> kolom 1, rij 1
  
−
<nowiki>|</nowiki> kolom 2, rij 1
 +
| kolom 1, rij 1
  +
| kolom 2, rij 1
⚫
<nowiki>|-</nowiki> bgcolor=#66FF99
  
  +
|- bgcolor=#66FF99
⚫
<nowiki>|</nowiki> kolom 1, rij 2
  
−
<nowiki>|</nowiki> kolom 2, rij 2
 +
| kolom 1, rij 2
  +
| kolom 2, rij 2
⚫
<nowiki>|}</nowiki>
  
  +
|}
  +
</pre>
   
 
Het resultaat:
  
Het resultaat:
Regel 122: Regel 130:
 
Je kunt je tabel ook opmaken door het sjabloon <nowiki>{{Prettytable}}</nowiki> in je tabel te zetten. Dit sjabloon zorgt voor automatische opmaak. Dat ziet er in code zo uit:
  
Je kunt je tabel ook opmaken door het sjabloon <nowiki>{{Prettytable}}</nowiki> in je tabel te zetten. Dit sjabloon zorgt voor automatische opmaak. Dat ziet er in code zo uit:
   
−
<code><nowiki>{|{{Prettytable}}</nowiki>
 +
<code><nowiki>{|{{Prettytable}}</nowiki>
−
<nowiki>!</nowiki>Kop 1
 +
<nowiki>!</nowiki>Kop 1
−
<nowiki>!</nowiki>Kop 2
 +
<nowiki>!</nowiki>Kop 2
−
<nowiki>|-</nowiki>
 +
<nowiki>|-</nowiki>
−
<nowiki>|</nowiki>kolom 1, rij 2
 +
<nowiki>|</nowiki>kolom 1, rij 2
−
<nowiki>|</nowiki>kolom 2, rij 2
 +
<nowiki>|</nowiki>kolom 2, rij 2
−
<nowiki>|}</nowiki>
 +
<nowiki>|}</nowiki>
−
</code>
 +
</code>
   
 
Het resultaat is:
 
Het resultaat is:
Regel 139: Regel 147:
 
|kolom 1, rij 2
  
|kolom 1, rij 2
 
|kolom 2, rij 2
  
|kolom 2, rij 2
  +
|}
  +
  +
==Kolombreedtes==
  +
<code><nowiki>{| class="wikitable" style="width:100%;"</nowiki><br>
  ⚫
<nowiki>|+</nowiki><br>
  +
<nowiki>! style="width:10%;" | Kop A</nowiki><br>
  +
<nowiki>! style="width:10%;" | Kop B</nowiki><br>
  +
<nowiki>! style="width:10%;" | Kop C</nowiki><br>
  +
<nowiki>! style="width:70%;" | Kop D</nowiki><br>
  ⚫
<nowiki>|-</nowiki><br>
  +
<nowiki>| Tekst A</nowiki><br>
  +
<nowiki>| Tekst B</nowiki><br>
  +
<nowiki>| Tekst C</nowiki><br>
  +
<nowiki>| Tekst D</nowiki><br>
  ⚫
<nowiki>|}</nowiki>
  +
</code>
  +
  +
Het resultaat is:
  +
  +
{| class="wikitable" style="width:100%;"
  +
|+
  +
! style="width:10%;" | Kop A
  +
! style="width:10%;" | Kop B
  +
! style="width:10%;" | Kop C
  +
! style="width:70%;" | Kop d
  +
|-
  +
| Tekst A
  +
| Tekst B
  +
| Tekst C
  +
| Tekst D
 
|}
  
|}
   
Regel 144: Regel 182:
 
 
 
[[Category:Handleiding-wiki]]
  
[[Category:Handleiding-wiki]]
  +
[[Categorie:Wikicodes]]

Huidige versie van 24 feb 2024 om 20:57

Kidsportaal.gif Klik hier om terug te gaan naar het Kidsportaal »
Handleiding: Bewerken
Tussenkopjes maken
Afbeeldingen plaatsen
Links maken
Schuin- en vetgedrukte tekst
Lijsten maken
Tabellen maken
Filmpjes plaatsen
Pagina opslaan

Tabellen kunnen handig zijn om informatie overzichtelijk op een pagina te zetten.

In wikisyntax, dat is de computertaal in WikiKids, is het best moeilijk om een tabel te maken!

De bouwsteentjes zijn:

{| Tabel beginnen. Hier kun je parameters toevoegen.
| Zo maak je een cel van de tabel.
|- Een nieuwe rij beginnen. Ook hier kun je parameters neerzetten.
|} De tabel sluiten.

De eenvoudigste tabel

Dit is de tekst die je dus in moet typen voor een heel simpele tabel: 

{|
|kolom 1, rij 1
|kolom 2, rij 1
|-
|kolom 1, rij 2
|kolom 2, rij 2
|}

en dat geeft als resultaat:

kolom 1, rij 1 kolom 2, rij 1
kolom 1, rij 2 kolom 2, rij 2

Met een randje

In het vorige voorbeeld is het echter niet duidelijk waar de cellen ophouden. Je kunt dat verhelpen met een randje om de cellen. Je doet dat een parameter voor een border (rand) mee te geven aan het begin van de tabel: 

{| border=1

Bijvoorbeeld: 

{| border=1
|kolom 1, rij 1
|kolom 2, rij 1
|-
|kolom 1, rij 2
|kolom 2, rij 2
|}

geeft als resultaat:

kolom 1, rij 1 kolom 2, rij 1
kolom 1, rij 2 kolom 2, rij 2

Parameters

Er zijn veel verschillende parameters.

  • border
    • border=1 geeft rand van 1 pixel
    • border=2 geeft rand van 2 pixels
    • enzovoort
  • align
    • align=left zet de tabel links op de pagina neer
    • align=center plaatst de tabel op het midden van de pagina
    • align=right zet de tabel rechts op de pagina neer.
  • bgcolor
    • bgcolor=#66FF99 geeft een groene achtergrondkleur.
    • een overzicht van nummers voor kleuren vind je op Wikipedia: Lijst van kleuren

Een tabel met enkele parameters kan er dus zo uitzien: 

{| border=5 align=right
|- bgcolor=#66FF99
| kolom 1, rij 1
| kolom 2, rij 1
|- bgcolor=#66FF99
| kolom 1, rij 2
| kolom 2, rij 2
|}

Het resultaat:

kolom 1, rij 1 kolom 2, rij 1
kolom 1, rij 2 kolom 2, rij 2

Koppen

Tabelkoppen werken hetzelfde als cellen, maar dan met een ! in plaats van een |. De tekst van een kop wordt automatisch vetgedrukt weergegeven.

Voorbeeld: 

{| border=5 align=right
! Kop 1
! Kop 2
|- bgcolor=#66FF99
| Kolom 1, rij 1
| Kolom 2, rij 1
|- bgcolor=#66FF99
| Kolom 1, rij 2
| Kolom 2, rij 2
|}

Het resultaat:

Kop 1 Kop 2
Kolom 1, rij 1 Kolom 2, rij 1
Kolom 1, rij 2 Kolom 2, rij 2

Prettytable

Je kunt je tabel ook opmaken door het sjabloon {{Prettytable}} in je tabel te zetten. Dit sjabloon zorgt voor automatische opmaak. Dat ziet er in code zo uit: 

{|{{Prettytable}}
!Kop 1
!Kop 2
|-
|kolom 1, rij 2
|kolom 2, rij 2
|}

Het resultaat is:

Kop 1 Kop 2
kolom 1, rij 2 kolom 2, rij 2

Kolombreedtes

{| class="wikitable" style="width:100%;"
|+
! style="width:10%;" | Kop A
! style="width:10%;" | Kop B
! style="width:10%;" | Kop C
! style="width:70%;" | Kop D
|-
| Tekst A
| Tekst B
| Tekst C
| Tekst D
|}

Het resultaat is:

Kop A Kop B Kop C Kop d
Tekst A Tekst B Tekst C Tekst D
Kidsportaal.gif Klik hier om terug te gaan naar het Kidsportaal »
Afkomstig van Wikikids , de interactieve Nederlandstalige Internet-encyclopedie voor en door kinderen. "https://wikikids.nl/index.php?title=Wikikids:Tabellen_maken&oldid=844216"