2024-04-15
A táblázatok létrehozása Markdownban egy egyszerű folyamat, amely javítja az adatok szervezését és bemutatását a weben. Ez az útmutató mindent tartalmaz, amit tudni érdemes, a basic szintaxistól a haladó formázási lehetőségekig:
Markdown Toolbox
| és kötőjeleket - egyszerű táblázatok létrehozásához.: segítségével.& és | használatát HTML entitások vagy visszaperem segítségével.Azt követően, hogy átnézted ezt az útmutatót, fel leszel készülve arra, hogy tiszta, informatív táblázatokat készíts Markdownban, így a tartalmad strukturáltabbá és könnyebben hozzáférhetővé válik.
El tudod dönteni, hogyan szeretnéd igazítani a szöveget az oszlopokban, ha átalakítod a kötőjelek - sort:
:---: = A szöveg balra áll:--: = A szöveg középen van---: = A szöveg jobbra áll| Bal | Középen | Jobb |
| :--- | :----: | ----: |
| Szöveg | Szöveg | Szöveg |
Például:
| Bal | Középen | Jobb |
|---|---|---|
| Szöveg | Szöveg | Szöveg |
A táblázat celláiban a szöveget félkövér, dőlt, hivatkozásokat is létrehozhatsz, vagy akár kódot is, a hagyományos Markdown trükkökkel:
** vagy __ használatával* vagy _ használatávalPéldául:
| Név | Leírás |
|---|---|
| John | Tanár, aki szeret tanulni új dolgokat |
| Sarah | Mérnök, aki szuper projektek ügyén dolgozik |
Ez bemutatja a táblák készítésének alapjait Markdownban. Egy kis gyakorlással nagyszerű módja lehet az adatok tiszta rendezésének weboldalak vagy dokumentumok számára.
Amikor Markdownban táblázatokat készítesz, néha speciális karaktereket is szeretnél tartalmazni, amelyeket a Markdown formátum általában más dolgokhoz használ. Például, mivel a Markdown csöveket | használ az oszlopok elválasztására, ha egy cső szimbólumot szeretnél egy cellában megjeleníteni, érdemes kerülőutat keresni.
Erre két mód van:
Az egyik lehetőség HTML karakter entitások használata. Ezek speciális kódok, amelyek lehetővé teszik olyan karakterek megjelenítését, amelyeknek más jelentése van HTML-ban vagy Markdown-ban. Például, & az ampersand & esetén, és | a cső | esetén.
Itt van, ahogy néz ki:
| Karakter | Entitás | Példa megjelenítés |
|---|---|---|
| Ampersand | & |
R&D |
| Cső | | |
Oszlop|Fejléc |
Megtalálod a HTML karakter entitások teljes listáját itt.
Másik módja, ha a speciális karakter előtt egy visszaperem \ található. Ez megmondja a Markdownnak, hogy a következő karaktert csak úgy kezelje, mint bármilyen más szöveget.
\| = megjeleníti a csövet |
\\ = megjeleníti a visszaperemet \
De emlékezz, hogy a visszaperem nem működik minden karakterre a Markdown táblákban, mint például a cső |.
Végül, használhatsz Markdown kód blokkokat, hogy a speciális karaktereket pontosan úgy mutasd be, ahogy vannak. Csak tegyük őket hátrahúzott aposztrófok ` közé.
` | * | & | \ | | `` ``
Ez így néz ki:
| * | & | \ | ` |
|---|---|---|---|
| * | & | \ | ` |
Röviden, használj HTML entitásokat vagy visszaperemeket, amikor tudod, hogy megkerüld a speciális karaktereket. A csövekkel és más nehezen kezelhető szimbólumokkal a kód blokkok jó módszert jelentenek azok megjelenítésére, ahogy van.
A Markdown különböző stílusokban érkezik, mindegyik saját módszerével a táblák kezelésére. Nézzük meg ezeket a stílusokat és néhány tippet, hogyan készíthetünk nagyszerű táblákat:
A GFM az, amit GitHubon látsz. Könnyedén készíthet táblázatokat:
| Fejléc 1 | Fejléc 2 |
|----------|----------|
| Sor 1a | Sor 1b |
| Sor 2a | Sor 2b |
Nincs szükség a csövek | alkalmazására minden sor végén, de érdemes, hogy elkerüljük a hibákat.
Ezek a verziók több lehetőséget adnak a táblákhoz, például a szöveg igazításához:
| Jobb | Bal | Alapértelmezett | Középen |
|------:|:-----|---------|:-----:|
| 12 | 12 | 12 | 12 |
| 123 | 123 | 123 | 123 |
Használj kettős pontot : a szöveg igazításának ellenőrzésére.
A CommonMark-nak nincs saját táblázatszintaxisa. HTML tageket kell használnod táblázatok létrehozásához.
GFM és hasonlók esetén nem mindig van szükség a lennani csövekre |:
Fejléc 1 | Fejléc 2
--------- | ---------
Sor 1a | Sor 1b
Sor 2a | Sor 2b
Ha kihagyod őket, az megkönnyíti a szerkesztést, de a jelenlétük segít elkerülni a hibákat.
Próbáld az oszlopok szélességét úgy alakítani, hogy a táblázatod rendezettebben nézzen ki:
| Rövid | Hosszabb példa oszlop |
|-------|-----------------------|
| Szöveg | További példa szöveg |
Ez könnyebbé teszi a táblázat olvasását.
Táblázatok készítése üres lapból nehézkes lehet. Itt van néhány eszköz, ami segíthet:
A Markdown táblagenerátor lehetővé teszi, hogy táblázatokat készíts kódolás nélkül. Csak töltsd ki az információdat, és megadja a kódot.
Tábla konvertálás gyorsan átváltoztatja az adatokat táblázatból Markdown táblázatokba.
A Typora Markdown szerkesztő egyszerű módot kínál a táblázatok hozzáadására és formázására.
Néhány alkalmazás megkönnyíti a Markdown táblákkal való munkát:
Typora egyszerű menüt kínál a táblázatok hozzáadására és módosítására.
Zettlr lehetővé teszi egy egyszerű táblázat beillesztését, majd közvetlen szerkesztését.
Ha megismered ezeket a tippeket és eszközöket, sokkal kellemesebbé válik a Markdown táblákkal való munkálkodás. Emlékezz rá, hogy a cél a fontos információk világos és könnyen olvasható módon történő bemutatása.
Most nézzünk meg néhány gyakorlati feladatot, hogy kézzelfogható tapasztalatot szerezz a Markdown táblázatok készítésével. Itt van néhány egyszerű feladat, ami segít megszokni:
Első lépésként készítsünk egy egyszerű táblázatot, ami különböző gyümölcsöket listáz:
| Gyümölcs | Szín | Forma |
| Gyümölcs | Szín | Forma |
| - | - | - |
| Gyümölcs | Szín | Forma |
| - | - | - |
| Alma | Piros | Kerek |
| Gyümölcs | Szín | Forma |
| - | - | - |
| Alma | Piros | Kerek |
| Banán | Sárga | Hosszú |
| Narancs | Narancssárga | Kerek |
Most adjunk hozzá egy kis stílust a gyümölcs táblázatunkhoz:
** köré tesszük:| **Gyümölcs** | **Szín** | **Forma** |
| - | - | - |
| Banán | *Sárga* | Hosszú |
| Narancs | [Narancssárga](https://www.w3schools.com/colors/colors_names.asp) | Kerek |
A kihívás kedvéért hozzunk létre egy táblázatot több részlettel:
| **Név** | **Pozíció** | **Fizetés** |
| - | - | - |
| **Név** | **Pozíció** | **Fizetés** |
| - | - | - |
| John | Menedzser | $80,000 |
| Sarah | Fejlesztő | $60,000 |
| Lisa | Tervező | $50,000 |
| **Név** | **Pozíció** | **Fizetés** |
| - | - | ---: |
Ezeknek a lépéseknek a gyakorlása nagyszerű módja arra, hogy jobban megismerd a Markdown táblázatok készítését. Próbálj ki különféle táblázatokat létrehozni, és játssz a formázással, hogy felfedezd, mit tudsz tenni.
A Markdown táblázatok szerkesztése kicsit macerás lehet, de ha ismered a billentyűparancsokat, sokkal könnyebb lehet. Itt van egy lista a gyorsbillentyűkről, ami segíthet gyorsabban dolgozni:
Tab - Ugrás a következő celláraShift + Tab - Vissza a korábbi celláhozEnter - Mozgás az alábbi sorbaCtrl/Cmd + Enter - Szerkesztés leállítása a táblázatbanCtrl/Cmd + Arrow Keys - Könnyű mozgatás a cellák közöttCtrl/Cmd + l - A szöveg balra igazításaCtrl/Cmd + e - A szöveg középre igazításaCtrl/Cmd + r - A szöveg jobbra igazításaCtrl/Cmd + . - Bármely adott igazítás eltávolításaAlt + i - Új sor hozzáadása felülAlt + a - Új sor hozzáadása alulAlt + j - Új oszlop hozzáadása balraAlt + l - Új oszlop hozzáadása jobbraAlt + Shift + i - Az aktuális sor eltávolításaAlt + Shift + a - Az aktuális sor eltávolításaAlt + Shift + j - Az aktuális oszlop eltávolításaAlt + Shift + l - Az aktuális oszlop eltávolításaShift + Arrow Keys - További cellák kiválasztásaCtrl/Cmd + Alt + Arrow Keys - Az egész sor vagy oszlop mozgatásaHa megismered ezeket a gyorsbillentyűket, felgyorsíthatod a munkádat a Markdown táblázatokkal. Tartsd kéznél ezt az útmutatót, ha gyorsan szükséged lesz rá.
A Markdown táblázatok készítése lehetővé teszi az információk rendezett bemutatását weboldalak számára. Egyszerű, miután megismered. Íme, amit érdemes szem előtt tartani:
| szimbólumot. Tedd a kötőjeleket - a fejléc sor alá, hogy megmutasd, hogyan kell a szövegnek igazodnia.: a dashes mellé az oszlop alatt, amit igazítani szeretnél.Csak folytasd a gyakorlást, és hamarosan a Markdown táblázatok készítése gyerekjáték lesz. Ne feledd, hogy tartsd a táblákat egyszerűen és világosan. A fő cél az információk olyan módon történő megosztása, amely mindenki számára könnyen érthető. A Markdown táblák kiválóan alkalmasak erre, mert lehetővé teszik az adatok rendezett és közvetlen módon történő elrendezését.
Ha táblázatokat szeretnél készíteni Markdownban, használd a cső | szimbólumot oszlopok létrehozásához, a kötőjeleket -, hogy a szöveg a fejléc alatt elhelyezkedjen és kettős pontokat : a szöveg balra, középre vagy jobbra igazításához. Kezd az első sorban a fejléc helyével, a második sorban a kötőjelekkel, hogy jelöld az oszlopokat, majd add hozzá az információkat alatta. Tarts mindent tisztán, hogy könnyebb legyen olvasni. Néhány Markdown szerkesztő segíthet a táblázat formázásában is.
A szöveg igazításához egy táblázatban:
:---:---:---:Csak változtasd meg a kötőjeleket az oszlop alatt, amit igazítani szeretnél, a második sorban.
Számos Markdown szerkesztő, mint a Typora vagy a Zettlr, gyorsbillentyűket kínál az üres táblázat struktúrájának gyors beillesztésére. Például, a Typora használatakor Windows-on a Ctrl + T lenyomása egy üres táblázatot helyez a dokumentumodba. Ellenőrizd a szerkesztőd útmutatóját a konkrét gyorsbillentyűkért.
A kódblokk behúzásához adj hozzá üres sort a kód előtt és után, és behúzás mindegyik kód sorát, legalább 4 szóköz vagy 1 tab segítségével. Ez megmondja a Markdownnak, hogy különleges módon formázza, általában más betűtípussal kiemelve, hogy kódként kiemelkedjen.