2024-04-15
Tworzenie tabel w Markdown to prosty proces, który poprawia organizację i prezentację danych w sieci. Ten przewodnik zawiera wszystko, co musisz wiedzieć, od podstawowej składni po zaawansowane opcje formatowania:
|
i kresek -
, aby stworzyć proste tabele.:
.&
i |
używając encji HTML lub ukośników.Na koniec tego przewodnika będziesz w stanie tworzyć jasne, informacyjne tabele w Markdown, co sprawi, że twoje treści będą bardziej zorganizowane i dostępne.
Możesz zdecydować, jak wyrównać tekst w kolumnach, dostosowując rząd kresek -
:
:---:
= Tekst wyrównany do lewej:--:
= Tekst wyśrodkowany---:
= Tekst wyrównany do prawej| Lewy | Środek | Prawo |
| :--- | :----: | ----: |
| Tekst | Tekst | Tekst |
Na przykład:
Lewy | Środek | Prawo |
---|---|---|
Tekst | Tekst | Tekst |
Możesz uczynić tekst pogrubionym, kursywą, dodać linki lub nawet kod wewnątrz komórek tabeli, używając standardowych sztuczek Markdown:
**
lub __
*
lub _
Wewnętrzne bloki kodu
Na przykład:
Nazwa | Opis |
---|---|
John | Nauczyciel, który uwielbia uczyć się nowych rzeczy |
Sarah | Inżynier pracujący nad fajnymi projektami |
To pokazuje podstawy tworzenia tabel w Markdown. Po niewielkiej praktyce mogą być świetnym sposobem na zorganizowanie danych w klarowny sposób dla stron internetowych lub dokumentów.
Kiedy tworzysz tabele w Markdown, czasami będziesz chciał włączyć znaki specjalne, które format Markdown zwykle używa do innych rzeczy. Na przykład, ponieważ Markdown używa rur |
do rozdzielania kolumn, jeśli chcesz pokazać symbol rury w komórce, musisz jakoś obejść ten problem.
Istnieje kilka sposobów, aby to zrobić:
Jednym ze sposobów jest użycie encji znaków HTML. To są specjalne kody, które pozwalają ci pokazać znaki, które mają inne znaczenie w HTML lub Markdown. Na przykład, &
na ampersand &
, i |
na rurę |
.
Oto jak to wygląda:
Znak | Podmiot | Przykład renderowania |
---|---|---|
Ampersand | & |
R&D |
Rura | | |
Kolumna|Nagłówek |
Pełną listę encji znaków HTML znajdziesz tutaj.
Innym sposobem jest umieszczenie ukośnika \
przed znakiem specjalnym. To mówi Markdown, aby traktował następujący znak jak każdy inny tekst.
\| = pokazuje rurę |
\\ = pokazuje ukośnik \
Ale pamiętaj, że użycie ukośnika nie działa dla każdego znaku w tabelach Markdown, jak na przykład dla rury |
.
Na końcu możesz użyć bloków kodu Markdown, aby pokazać znaki specjalne dokładnie tak, jak są. Po prostu umieść je w odwrotnych apostrofach `
.
`
| * | & | \ | | ``
``
To będzie wyglądać tak:
* | & | \ | ` |
---|---|---|---|
* | & | \ | ` |
Krótko mówiąc, używaj encji HTML lub ukośników, kiedy to możliwe, aby uciec znaki specjalne. Dla rur i innych trudnych symboli bloki kodu są dobrym sposobem na pokazanie ich takimi, jakimi są.
Markdown występuje w różnych stylach, z których każdy ma swój sposób obsługi tabel. Przyjrzyjmy się tym stylom i kilku wskazówkom dotyczącym tworzenia świetnych tabel:
GFM to to, co widzisz na GitHubie. Pozwala ci łatwo tworzyć tabele:
| Nagłówek 1 | Nagłówek 2 |
|----------|----------|
| Wiersz 1a | Wiersz 1b |
| Wiersz 2a | Wiersz 2b |
Nie musisz umieszczać rur |
na końcu każdej linii, ale to dobry pomysł, aby uniknąć błędów.
Te wersje dodają więcej opcji dla tabel, na przykład do wyrównania tekstu:
| Prawo | Lewo | Domyślnie | Środek |
|------:|:-----|---------|:-----:|
| 12 | 12 | 12 | 12 |
| 123 | 123 | 123 | 123 |
Użyj dwukropka :
, aby kontrolować wyrównanie tekstu.
CommonMark nie ma własnej składni dla tabel. Musisz używać tagów HTML do tworzenia tabel.
W GFM i podobnych nie zawsze potrzebujesz bocznych rur |
:
Nagłówek 1 | Nagłówek 2
--------- | ---------
Wiersz 1a | Wiersz 1b
Wiersz 2a | Wiersz 2b
Pominięcie ich może ułatwić edytowanie, ale ich posiadanie pomaga uniknąć błędów.
Próbuj dopasować szerokości kolumn, aby twoja tabela wyglądała schludniej:
| Krótka | Dłuższy przykład kolumny |
|-------|-----------------------|
| Tekst | Więcej przykładowego tekstu |
To sprawia, że twoja tabela jest łatwiejsza do przeczytania.
Tworzenie tabel od zera może być trudne. Oto kilka narzędzi, które mogą ci w tym pomóc:
Generator tabel Markdown pozwala ci tworzyć tabele bez kodowania. Wystarczy, że wypełnisz swoje informacje, a on da ci kod.
Konwersja tabeli szybko przekształca dane z arkuszy kalkulacyjnych w tabele Markdown.
Edytor Markdown Typora ma prosty sposób na dodawanie i stylizowanie tabel.
Niektóre aplikacje ułatwiają pracę z tabelami Markdown:
Typora ma prostą menu do dodawania i zmieniania tabel.
Zettlr pozwala ci wstawić podstawową tabelę, a następnie edytować ją bezpośrednio.
Znajomość tych wskazówek i narzędzi może znacznie ułatwić pracę z tabelami Markdown. Pamiętaj, że celem jest jasne i łatwe do przeczytania przedstawienie informacji.
Zróbmy kilka praktycznych ćwiczeń, aby stworzyć tabele za pomocą Markdown. Oto kilka łatwych ćwiczeń, które pomogą ci w tym:
Na początek stwórzmy prostą tabelę z różnymi owocami:
| Owoc | Kolor | Kształt |
| Owoc | Kolor | Kształt |
| - | - | - |
| Owoc | Kolor | Kształt |
| - | - | - |
| Jabłko | Czerwony | Okrągły |
| Owoc | Kolor | Kształt |
| - | - | - |
| Jabłko | Czerwony | Okrągły |
| Banan | Żółty | Długi |
| Pomarańcza | Pomarańczowy | Okrągły |
Następnie dodajmy trochę stylu do naszej tabeli owoców:
**
wokół nich:| **Owoc** | **Kolor** | **Kształt** |
| - | - | - |
| Banan | *Żółty* | Długi |
| Pomarańcza | [Pomarańcza](https://www.w3schools.com/colors/colors_names.asp) | Okrągły |
Dla większego wyzwania stwórzmy tabelę z większą ilością szczegółów:
| **Imię** | **Stanowisko** | **Wynagrodzenie** |
| - | - | - |
| **Imię** | **Stanowisko** | **Wynagrodzenie** |
| - | - | - |
| John | Menedżer | $80,000 |
| Sarah | Programista | $60,000 |
| Lisa | Designer | $50,000 |
| **Imię** | **Stanowisko** | **Wynagrodzenie** |
| - | - | ---: |
Ćwiczenie z tymi krokami to świetny sposób, aby stać się bardziej zaznajomionym z tworzeniem tabel Markdown. Spróbuj utworzyć różne rodzaje tabel i pobawić się formatowaniem, aby zobaczyć, co możesz zrobić.
Edytowanie tabel w Markdown może być trochę uciążliwe, ale znajomość kilku skrótów klawiszowych może to znacznie ułatwić. Oto lista skrótów, które mogą pomóc w szybszej pracy:
Tab
- Przejdź do następnej komórkiShift + Tab
- Wróć do poprzedniej komórkiEnter
- Przejdź do następnego wierszaCtrl/Cmd + Enter
- Zakończ edytowanie tabeliCtrl/Cmd + Strzałki
- Łatwe poruszanie się po komórkachCtrl/Cmd + l
- Wyrównaj tekst do lewejCtrl/Cmd + e
- Wyśrodkuj tekstCtrl/Cmd + r
- Wyrównaj tekst do prawejCtrl/Cmd + .
- Usuń wszelkie konkretne wyrównanieAlt + i
- Dodaj nowy wiersz powyżejAlt + a
- Dodaj nowy wiersz poniżejAlt + j
- Dodaj kolumnę po lewejAlt + l
- Dodaj kolumnę po prawejAlt + Shift + i
- Usuń bieżący wierszAlt + Shift + a
- Usuń bieżący wierszAlt + Shift + j
- Usuń bieżącą kolumnęAlt + Shift + l
- Usuń bieżącą kolumnęShift + Strzałki
- Wybierz więcej komórekCtrl/Cmd + Alt + Strzałki
- Przesuń cały wiersz lub kolumnęZapoznanie się z tymi skrótami może przyspieszyć twoją pracę z tabelami w Markdown. Zachowaj ten przewodnik w pobliżu jako szybką referencję.
Tworzenie tabel za pomocą Markdown pozwala na schludne organizowanie informacji na stronach internetowych. Jest stosunkowo proste, gdy już nabierzesz wprawy. Oto na co zwrócić uwagę:
|
. Umieść kreski -
pod rzędem nagłówka, aby pokazać, jak tekst powinien być wyrównany.:
obok kresek pod kolumną, którą chcesz dostosować.Po prostu ćwicz dalej, a wkrótce tworzenie tabel Markdown będzie wydawać się łatwą sprawą. Pamiętaj, aby utrzymać swoje tabele w prostocie i przejrzystości. Głównym celem jest przekazanie informacji w sposób łatwy do zrozumienia dla wszystkich. Tabele Markdown są świetne do tego, ponieważ pozwalają ci uporządkować dane w schludny i prosty sposób.
Aby stworzyć tabele w Markdown, użyj symbolu rury |
do utworzenia kolumn, kresek -
do wyrównania tekstu pod nagłówkami, i dwukropków :
do wyrównania tekstu do lewej, w centrum lub z prawej strony. Rozpocznij od nagłówków w pierwszym wierszu, kresek w drugim, aby zdefiniować kolumny, a następnie dodaj swoje informacje poniżej. Zachowaj wszystko schludne dla łatwiejszego czytania. Niektóre edytory Markdown mogą pomóc w łatwiejszym formatowaniu tabeli.
Aby wyrównać tekst w tabeli:
:---
:---:
---:
Po prostu zmień kreski pod kolumną, którą chcesz wyrównać w drugim wierszu.
Wiele edytorów Markdown, takich jak Typora lub Zettlr, ma skróty do szybkiego wstawienia pustej struktury tabeli. Na przykład w Typora na Windowsie, naciśnięcie Ctrl + T
wstawi pustą tabelę do twojego dokumentu. Sprawdź przewodnik swojego edytora pod kątem konkretnych skrótów.
Aby wciąć blok kodu, dodaj pustą linię przed i po swoim kodzie, a następnie wciśnij każdą linię kodu o co najmniej 4 spacje lub 1 tab. To mówi Markdown, aby sformatować go w specjalny sposób, zwykle inną czcionką, aby wyróżniać się jako kod.