2024-04-15
Tabellen in Markdown zu erstellen ist ein einfacher Prozess, der die Organisation und Präsentation von Daten im Web verbessert. Diese Anleitung behandelt alles, was Sie wissen müssen, von der grundlegenden Syntax bis hin zu fortgeschrittenen Formatierungsoptionen:
Markdown Toolbox
| und Striche -, um einfache Tabellen zu erstellen.:.& und | mit HTML-Entitäten oder Backslashes einfügt.Am Ende dieser Anleitung sind Sie in der Lage, klare, informative Tabellen in Markdown zu erstellen, wodurch Ihre Inhalte strukturierter und zugänglicher werden.
Sie können entscheiden, wie Sie Ihren Text in Spalten ausrichten, indem Sie die Striche - der Zeile anpassen:
:---: = Text wird links ausgerichtet:--: = Text ist zentriert---: = Text wird rechts ausgerichtet| Links | Mitte | Rechts |
| :--- | :----: | ----: |
| Text | Text | Text |
Zum Beispiel:
| Links | Mitte | Rechts |
|---|---|---|
| Text | Text | Text |
Sie können Text fett, kursiv machen, Links hinzufügen oder sogar Code innerhalb von Tabellenzellen mit den üblichen Markdown-Tricks formatieren:
** oder __* oder _Inline-CodeblöckeZum Beispiel:
| Name | Beschreibung |
|---|---|
| John | Lehrer, der gerne lernt neue Dinge |
| Sarah | Ingenieurin, die an coolen Projekten arbeitet |
Dies zeigt die Grundlagen der Erstellung von Tabellen in Markdown. Mit ein wenig Übung können sie eine großartige Möglichkeit sein, Daten klar für Webseiten oder Dokumente zu organisieren.
Wenn Sie Tabellen in Markdown erstellen, möchten Sie manchmal Sonderzeichen einfügen, die das Markdown-Format normalerweise für andere Dinge verwendet. Zum Beispiel, da Markdown Pipes | zur Trennung von Spalten verwendet, müssen Sie, wenn Sie ein Pipe-Symbol in einer Zelle anzeigen möchten, workaround.
Es gibt ein paar Möglichkeiten, dies zu tun:
Eine Möglichkeit ist die Verwendung von HTML-Zeichenentitäten. Dies sind spezielle Codes, die es Ihnen ermöglichen, Zeichen anzuzeigen, die andere Bedeutungen in HTML oder Markdown haben. Zum Beispiel, & für ein kaufmännisches Und &, und | für ein Pipe |.
So sieht es aus:
| Zeichen | Entität | Beispielgerender Durch die Anwendung von HTML-Code |
|---|---|---|
| Kaufmännisches Und | & |
F&D |
| Pipe | | |
Spalte|Überschrift |
Sie finden eine vollständige Liste von HTML-Zeichenentitäten hier.
Eine andere Möglichkeit besteht darin, einen Backslash \ vor dem Sonderzeichen zu setzen. Dies sagt Markdown, dass es das folgende Zeichen wie jeden anderen Text behandeln soll.
\| = zeigt ein Pipe |
\\ = zeigt einen Backslash \
Aber denken Sie daran, dass die Verwendung eines Backslashes nicht für jedes Zeichen in Markdown-Tabellen funktioniert, wie das Pipe |.
Schließlich können Sie Markdown-Codeblöcke verwenden, um Sonderzeichen genau so anzuzeigen, wie sie sind. Setzen Sie sie einfach in Backticks `.
` | * | & | \ | | `` ``
Das sieht folgendermaßen aus:
| * | & | \ | `` |
|---|---|---|---|
| * | & | \ | ` |
Kurz gesagt, verwenden Sie HTML-Entitäten oder Backslashes, wenn Sie können, um Sonderzeichen zu entkommen. Für Pipes und andere schwierige Symbole sind Codeblöcke eine gute Möglichkeit, sie genau so anzuzeigen, wie sie sind.
Markdown kommt in verschiedenen Stilen, jeder mit seiner eigenen Art, Tabellen zu handhaben. Lassen Sie uns diese Stile und einige Tipps für die Erstellung großartiger Tabellen betrachten:
GFM ist das, was Sie auf GitHub sehen. Es ermöglicht Ihnen, Tabellen einfach zu erstellen:
| Header 1 | Header 2 |
|----------|----------|
| Zeile 1a | Zeile 1b |
| Zeile 2a | Zeile 2b |
Sie müssen keine Pipes | am Ende jeder Zeile setzen, aber es ist eine gute Idee, um Fehler zu vermeiden.
Diese Versionen fügen Ihnen mehr Optionen für Tabellen hinzu, wie das Ausrichten von Text:
| Rechts | Links | Standard | Mitte |
|------:|:-----|---------|:-----:|
| 12 | 12 | 12 | 12 |
| 123 | 123 | 123 | 123 |
Verwenden Sie einen Doppelpunkt :, um die Textausrichtung zu steuern.
CommonMark hat keine eigene Tabellen-Syntax. Sie müssen HTML-Tags verwenden, um Tabellen zu erstellen.
In GFM und ähnlichen Varianten benötigen Sie nicht immer die seitlichen Pipes |:
Header 1 | Header 2
--------- | ---------
Zeile 1a | Zeile 1b
Zeile 2a | Zeile 2b
Diese Weglassung kann das Bearbeiten erleichtern, aber das Vorhandensein hilft, Fehler zu vermeiden.
Versuchen Sie, die Spaltenbreiten anzupassen, um Ihre Tabelle ordentlicher aussehen zu lassen:
| Kurz | Längere Beispielspalte |
|-------|-----------------------|
| Text | Mehr Beispieltext |
Das macht Ihre Tabelle leichter lesbar.
Tabellen von Grund auf neu zu erstellen, kann schwierig sein. Hier sind einige Tools, die Ihnen helfen:
Der Markdown-Tabellengenerator ermöglicht es Ihnen, Tabellen ohne Programmierung zu erstellen. Geben Sie einfach Ihre Informationen ein, und es liefert den Code.
Table Convert wandelt Daten aus Tabellenkalkulationen schnell in Markdown-Tabellen um.
Der Typora Markdown-Editor bietet eine einfache Möglichkeit, Tabellen hinzuzufügen und zu formatieren.
Einige Apps erleichtern die Arbeit mit Markdown-Tabellen:
Typora hat ein einfaches Menü zum Hinzufügen und Ändern von Tabellen.
Zettlr ermöglicht es Ihnen, eine einfache Tabelle einzufügen und sie dann direkt zu bearbeiten.
Diese Tipps und Tools zu kennen, kann die Arbeit mit Markdown-Tabellen erheblich erleichtern. Denken Sie daran, dass das Ziel darin besteht, Informationen klar und leicht lesbar zu vermitteln.
Lassen Sie uns praktische Übungen zur Erstellung von Tabellen mit Markdown durchführen. Hier sind einige einfache Übungen, die Ihnen helfen, ein Gefühl dafür zu bekommen:
Zuerst erstellen wir eine einfache Tabelle, die verschiedene Früchte auflistet:
| Frucht | Farbe | Form |
| Frucht | Farbe | Form |
| - | - | - |
| Frucht | Farbe | Form |
| - | - | - |
| Apfel | Rot | Rund |
| Frucht | Farbe | Form |
| - | - | - |
| Apfel | Rot | Rund |
| Banane | Gelb | Lang |
| Orange | Orange | Rund |
Als nächstes fügen wir etwas Stil in unsere Obsttabelle ein:
** um sie herum hinzufügen:| **Frucht** | **Farbe** | **Form** |
| - | - | - |
| Banane | *Gelb* | Lang |
| Orange | [Orange](https://www.w3schools.com/colors/colors_names.asp) | Rund |
Für eine etwas größere Herausforderung erstellen wir eine Tabelle mit mehr Details:
| **Name** | **Position** | **Gehalt** |
| - | - | - |
| **Name** | **Position** | **Gehalt** |
| - | - | - |
| John | Manager | $80.000 |
| Sarah | Entwickler | $60.000 |
| Lisa | Designer | $50.000 |
| **Name** | **Position** | **Gehalt** |
| - | - | ---: |
Mit diesen Schritten zu üben ist eine großartige Möglichkeit, um sich besser mit der Erstellung von Markdown-Tabellen vertraut zu machen. Versuchen Sie, verschiedene Arten von Tabellen zu erstellen und mit dem Format zu experimentieren, um zu sehen, was Sie tun können.
Das Bearbeiten von Tabellen in Markdown kann etwas mühsam sein, aber das Wissen um einige Tastenkombinationen kann es erheblich erleichtern. Hier ist eine Liste von Verknüpfungen, die Ihnen helfen können, schneller zu arbeiten:
Tab - Zum nächsten Feld springenShift + Tab - Gehe zurück zur vorherigen ZelleEnter - Bewege dich zur nächsten ZeileCtrl/Cmd + Enter - Bearbeiten Sie die Tabelle beendenCtrl/Cmd + Pfeiltasten - Leicht in den Zellen bewegenCtrl/Cmd + l - Text links ausrichtenCtrl/Cmd + e - Text zentrierenCtrl/Cmd + r - Text rechts ausrichtenCtrl/Cmd + . - Jegliche spezifische Ausrichtung entfernenAlt + i - Eine neue Zeile von oben hinzufügenAlt + a - Eine neue Zeile darunter hinzufügenAlt + j - Eine Spalte links hinzufügenAlt + l - Eine Spalte rechts hinzufügenAlt + Shift + i - Die aktuelle Zeile entfernenAlt + Shift + a - Die aktuelle Zeile entfernenAlt + Shift + j - Die aktuelle Spalte entfernenAlt + Shift + l - Die aktuelle Spalte entfernenShift + Pfeiltasten - Weitere Zellen auswählenCtrl/Cmd + Alt + Pfeiltasten - Die gesamte Zeile oder Spalte verschiebenWenn Sie sich mit diesen Tastenkombinationen vertraut machen, können Sie Ihre Arbeiten mit Tabellen in Markdown beschleunigen. Halten Sie diese Anleitung zur schnellen Referenz bereit.
Das Erstellen von Tabellen mit Markdown ermöglicht es Ihnen, Informationen ordentlich für Websites zu organisieren. Es ist ziemlich unkompliziert, sobald Sie den Dreh raushaben. Hier sind einige Punkte, die Sie beachten sollten:
|-Symbol. Legen Sie Striche - unter die Kopfzeile, um zu zeigen, wie der Text ausgerichtet sein soll.: neben den Strichen unter der Spalte hinzu, die Sie anpassen möchten.Üben Sie weiter, und bald wird das Erstellen von Markdown-Tabellen mühelos erscheinen. Denken Sie daran, Ihre Tabellen einfach und klar zu halten. Das Hauptziel ist es, Informationen auf eine Weise zu teilen, die für jeden einfach zu verstehen ist. Markdown-Tabellen sind dafür hervorragend geeignet, da sie es Ihnen ermöglichen, Daten ordentlich und straightforward zu organisieren.
Um Tabellen in Markdown zu erstellen, verwenden Sie das Pipe |-Symbol, um Spalten zu erstellen, Striche -, um den Text unter den Überschriften auszurichten, und Doppelpunkte :, um den Text links, zentriert oder rechts auszurichten. Beginnen Sie mit den Überschriften in der ersten Zeile, Strichen in der zweiten, um die Spalten zu definieren, und fügen Sie dann Ihre Informationen darunter hinzu. Halten Sie alles ordentlich für eine leichtere Lesbarkeit. Einige Markdown-Editoren können Ihnen helfen, die Tabelle einfacher zu formatieren.
Um den Text in einer Tabelle auszurichten:
:---:---:---:Ändern Sie einfach die Striche unter der Spalte, die Sie im zweiten Satz ausrichten möchten.
Viele Markdown-Editoren, wie Typora oder Zettlr, haben Tastenkombinationen, um schnell eine leere Tabellenstruktur einzufügen. Zum Beispiel, in Typora auf Windows, bewirken Sie, dass Ctrl + T eine leere Tabelle in Ihr Dokument einfügt. Überprüfen Sie das Handbuch Ihres Editors für spezifische Verknüpfungen.
Um einen Codeblock einzurücken, fügen Sie eine Leerzeile vor und nach Ihrem Code hinzu und rücken Sie jede Zeile des Codes um mindestens 4 Leerzeichen oder 1 Tabulator ein. Dies sagt Markdown, dass es ihn auf spezielle Weise formatieren soll, normalerweise mit einer anderen Schriftart, um sich als Code abzuheben.