2024-04-15
Tabellen maken in Markdown is een eenvoudig proces dat de organisatie en presentatie van gegevens op het web verbetert. Deze gids behandelt alles wat je moet weten, van basis syntaxis tot geavanceerde opmaakopties:
Markdown Toolbox
| en streepjes - om eenvoudige tabellen te maken.:.& en | op te nemen met HTML-entiteiten of backslashes.Je bent aan het einde van deze gids in staat om duidelijke, informatieve tabellen in Markdown te maken, waardoor je inhoud gestructureerder en toegankelijker wordt.
Je kunt beslissen hoe je je tekst in kolommen wilt uitlijnen door de streepjes - rij aan te passen:
:---: = Tekst staat links uitgelijnd:--: = Tekst is gecentreerd---: = Tekst staat rechts uitgelijnd| Links | Centrum | Rechts |
| :--- | :----: | ----: |
| Tekst | Tekst | Tekst |
Bijvoorbeeld:
| Links | Centrum | Rechts |
|---|---|---|
| Tekst | Tekst | Tekst |
Je kunt tekst vet, cursief maken, links toevoegen of zelfs code in tabelcellen met reguliere Markdown-trucs:
** of __* of _Inline codeblokkenBijvoorbeeld:
| Naam | Beschrijving |
|---|---|
| John | Docent die geniet van leren nieuwe dingen |
| Sarah | Engineer die werkt aan coole projecten |
Dit laat de basis zien van het maken van tabellen in Markdown. Met een beetje oefening kunnen ze een geweldige manier zijn om gegevens duidelijk te organiseren voor webpagina's of documenten.
Wanneer je tabellen in Markdown maakt, wil je soms speciale tekens opnemen die de Markdown-opmaak meestal voor andere zaken gebruikt. Bijvoorbeeld, aangezien Markdown pijpen | gebruikt om kolommen te scheiden, als je een pijpsymbool binnen een cel wilt tonen, moet je eromheen werken.
Er zijn een paar manieren om dit te doen:
Een manier is om HTML-tekenentiteiten te gebruiken. Dit zijn speciale codes waarmee je tekens kunt tonen die andere betekenissen hebben in HTML of Markdown. Bijvoorbeeld, & voor een ampersand &, en | voor een pijp |.
Hier is hoe het eruit ziet:
| Teken | Entiteit | Voorbeeldweergave |
|---|---|---|
| Ampersand | & |
R&D |
| Pijp | | |
Kolom|Header |
Je kunt een volledige lijst van HTML-tekenentiteiten hier vinden.
Een andere manier is door een backslash \ voor het speciale teken te zetten. Dit vertelt Markdown om het volgende teken gewoon als elke andere tekst te behandelen.
\| = toont een pijp |
\\ = toont een backslash \\Maar onthoud, het gebruik van een backslash werkt niet voor elk teken in Markdown-tabellen, zoals de pijp |.
Tenslotte kun je Markdown-codeblokken gebruiken om speciale tekens precies te tonen zoals ze zijn. Zet ze gewoon tussen backticks `.
` | * | & | \ | | `` ``
Dit zal eruitzien als:
| * | & | \ | ` |
|---|---|---|---|
| * | & | \ | ` |
Samenvattend, gebruik HTML-entiteiten of backslashes waar mogelijk om speciale tekens te ontsnappen. Voor pijpen en andere lastige symbolen zijn codeblokken een goede manier om ze gewoon te tonen zoals ze zijn.
Markdown komt in verschillende stijlen, elk met zijn eigen manier van omgaan met tabellen. Laten we deze stijlen en een paar tips voor het maken van geweldige tabellen bekijken:
GFM is wat je ziet op GitHub. Hiermee kun je eenvoudig tabellen maken:
| Header 1 | Header 2 |
|----------|----------|
| Row 1a | Row 1b |
| Row 2a | Row 2b |
Je hoeft geen pijpen | aan het einde van elke regel te plaatsen, maar het is een goed idee om fouten te voorkomen.
Deze versies voegen meer opties toe voor tabellen, zoals het uitlijnen van tekst:
| Rechts | Links | Standaard | Centrum |
|------:|:-----|---------|:-----:|
| 12 | 12 | 12 | 12 |
| 123 | 123 | 123 | 123 |
Gebruik een dubbele punt : om de tekstuitlijning te bepalen.
CommonMark heeft geen eigen tabelsyntaxis. Je moet HTML-tags gebruiken om tabellen te maken.
In GFM en dergelijke, heb je niet altijd de zijpijpen | nodig:
Header 1 | Header 2
--------- | ---------
Row 1a | Row 1b
Row 2a | Row 2b
Ze weg laten kan het bewerken makkelijker maken, maar ze helpen fouten te voorkomen.
Probeer de kolombreedtes aan te passen om je tabel netter te laten lijken:
| Kort | Langer voorbeeld kolom |
|-------|-----------------------|
| Tekst | Meer voorbeeldtekst |
Dit maakt je tabel makkelijker leesbaar.
Tabellen vanaf nul maken kan moeilijk zijn. Hier zijn enkele tools die kunnen helpen:
De Markdown Tabelgenerator laat je tabellen maken zonder coderen. Vul gewoon je informatie in en het geeft je de code.
Table Convert zet gegevens van spreadsheets snel om in Markdown-tabellen.
De Typora Markdown-editor heeft een eenvoudige manier om tabellen toe te voegen en op te maken.
Sommige apps maken het eenvoudig om met Markdown-tabellen te werken:
Typora heeft een eenvoudig menu om tabellen toe te voegen en te bewerken.
Zettlr laat je een basis tabel invoegen en deze vervolgens rechtstreeks bewerken.
Het kennen van deze tips en tools kan het werken met Markdown-tabellen veel soepeler maken. Onthoud, het doel is om informatie duidelijk en leesbaar te maken.
Laten we een hands-on oefening doen met het maken van tabellen met behulp van Markdown. Hier zijn een paar eenvoudige oefeningen om je te helpen het onder de knie te krijgen:
Eerst laten we een eenvoudige tabel maken die verschillende vruchten opsomt:
| Fruit | Kleur | Vorm |
| Fruit | Kleur | Vorm |
| - | - | - |
| Fruit | Kleur | Vorm |
| - | - | - |
| Appel | Rood | Rond |
| Fruit | Kleur | Vorm |
| - | - | - |
| Appel | Rood | Rond |
| Banaan | Geel | Lang |
| Sinaasappel | Oranje | Rond |
Volgende, laten we wat stijl toevoegen aan onze vruchtentabel:
** om hen heen te plaatsen:| **Fruit** | **Kleur** | **Vorm** |
| - | - | - |
| Banaan | *Geel* | Lang |
| Sinaasappel | [Sinaasappel](https://www.w3schools.com/colors/colors_names.asp) | Rond |
Voor een iets grotere uitdaging, laten we een tafel met meer details maken:
| **Naam** | **Positie** | **Salaris** |
| - | - | - |
| **Naam** | **Positie** | **Salaris** |
| - | - | - |
| John | Manager | $80.000 |
| Sarah | Ontwikkelaar | $60.000 |
| Lisa | Ontwerper | $50.000 |
| **Naam** | **Positie** | **Salaris** |
| - | - | ---: |
Oefenen met deze stappen is een geweldige manier om meer vertrouwd te raken met het maken van Markdown-tabellen. Probeer verschillende soorten tabellen te maken en met de opmaak te spelen om te zien wat je kunt doen.
Het bewerken van tabellen in Markdown kan wat gedoe zijn, maar het kennen van enkele sneltoetsen kan het een stuk gemakkelijker maken. Hier is een lijst met sneltoetsen die je kunnen helpen sneller te werken:
Tab - Spring naar de volgende celShift + Tab - Ga terug naar de vorige celEnter - Beweeg naar beneden naar de volgende rijCtrl/Cmd + Enter - Stop met het bewerken van de tabelCtrl/Cmd + Pijltjestoetsen - Beweeg gemakkelijk rond de cellenCtrl/Cmd + l - Maak tekst links uitgelijndCtrl/Cmd + e - Centreer de tekstCtrl/Cmd + r - Align tekst naar rechtsCtrl/Cmd + . - Verwijder specifieke uitlijningAlt + i - Voeg een nieuwe rij bovenaan toeAlt + a - Voeg een nieuwe rij onderaan toeAlt + j - Voeg een kolom links toeAlt + l - Voeg een kolom rechts toeAlt + Shift + i - Verwijder de huidige rijAlt + Shift + a - Verwijder de huidige rijAlt + Shift + j - Verwijder de huidige kolomAlt + Shift + l - Verwijder de huidige kolomShift + Pijltjestoetsen - Selecteer meer cellenCtrl/Cmd + Alt + Pijltjestoetsen - Verplaats de hele rij of kolomDoor vertrouwd te raken met deze sneltoetsen kun je je werk met tabellen in Markdown versnellen. Bewaar deze gids bij de hand voor snelle referentie.
Het maken van tabellen met Markdown laat je informatie netjes organiseren voor websites. Het is vrij eenvoudig als je het eenmaal onder de knie hebt. Hier is wat je in gedachten moet houden:
|. Plaats strepen - onder de koprij om aan te geven hoe de tekst moet uitgelijnd worden.: naast de streepjes onder de kolom toe die je wilt aanpassen.Oefen gewoon, en binnenkort zal het maken van Markdown-tabellen een fluitje van een cent zijn. Onthoud om je tabellen eenvoudig en duidelijk te houden. Het belangrijkste doel is om informatie te delen op een manier die voor iedereen gemakkelijk te begrijpen is. Markdown-tabellen zijn hiervoor geweldig omdat ze je in staat stellen om gegevens op een nette en duidelijke manier te rangschikken.
Om tabellen in Markdown te maken, gebruik je het pijpsymbool | om kolommen te maken, streepjes - om de tekst onder de koppen uit te lijnen, en dubbele punten : om tekst links, gecentreerd of rechts uit te lijnen. Begin met koppen in de eerste rij, streepjes in de tweede om kolommen te definiëren, en voeg vervolgens je informatie daaronder toe. Houd alles netjes voor gemakkelijker lezen. Sommige Markdown-editors kunnen je helpen de tabel gemakkelijker op te maken.
Om tekst in een tabel uit te lijnen:
:---:---:---:Verander gewoon de streepjes onder de kolom die je wilt uitlijnen in de tweede rij.
Veel Markdown-editors, zoals Typora of Zettlr, hebben sneltoetsen om snel een lege tabelstructuur in te voegen. Bijvoorbeeld, in Typora op Windows, door Ctrl + T in te drukken, wordt een lege tabel in je document geplaatst. Raadpleeg de handleiding van je editor voor specifieke sneltoetsen.
Om een codeblok in te dindenteren, voeg je een lege regel toe vóór en na je code, en indent elke regel van de code met ten minste 4 spaties of 1 tab. Dit vertelt Markdown om het op een speciale manier op te maken, meestal met een ander lettertype zodat het eruit springt als code.