2024-04-15
Markdown'da tablolar oluşturmak, verilerin web üzerindeki düzenini ve sunumunu artıran basit bir süreçtir. Bu kılavuz, temel söz diziminden gelişmiş biçimlendirme seçeneklerine kadar bilmeniz gereken her şeyi kapsar:
Markdown Toolbox
| ve dikdörtgen çizgileri - kullanın.: kullanın.& ve | gibi sembolleri nasıl dahil edeceğinizi öğrenin.Bu kılavuzun sonunda, Markdown'da net ve bilgilendirici tablolar oluşturmak için gereken tüm bilgilere sahip olacaksınız, bu da içeriğinizi daha yapılandırılmış ve erişilebilir hale getirecektir.
Metninizi sütunlarda nasıl hizalayacağınıza karar vermek için düz çizgilerin - satırını değiştirebilirsiniz:
:---: = Metin sola hizalanır:--: = Metin ortalanır---: = Metin sağa hizalanır| Sol | Merkez | Sağ |
| :--- | :----: | ----: |
| Metin | Metin | Metin |
Örneğin:
| Sol | Merkez | Sağ |
|---|---|---|
| Metin | Metin | Metin |
Tablo hücrelerinde metni kalın, italik yapmak veya bağlantılar ya da kod eklemek için normal Markdown ipuçlarını kullanabilirsiniz:
** veya __* veya _Satır içi kod bloklarıÖrneğin:
| Ad | Açıklama |
|---|---|
| John | Öğrenmeyi seven öğretmen yeni şeyler |
| Sarah | Havalı projeler üzerinde çalışan mühendis |
Bu, Markdown'da tablolar oluşturmanın temellerini göstermektedir. Biraz pratik ile, verileri web sayfaları veya belgeler için net bir şekilde düzenlemenin harika bir yolu olabilirler.
Markdown'da tablolar oluşturduğunuzda, bazen Markdown formatının diğer şeyler için kullandığı özel karakterleri dahil etmek isteyeceksiniz. Örneğin, Markdown boruları | sütunları ayırmak için kullandığı için, hücre içinde bir boru sembolü göstermek isterseniz, bunu aşmanız gerekecek.
Bunu yapmanın birkaç yolu var:
Bir yol, HTML karakter varlıklarını kullanmaktır. Bu, HTML veya Markdown'da başka anlamları olan karakterleri göstermeye izin veren özel kodlardır. Örneğin, ampersand için & ve boru için |.
Görünümü şöyle:
| Karakter | Varlık | Örnek Tasarım |
|---|---|---|
| Ampersand | & |
AR&D |
| Boru | | |
Sütun|Başlık |
Burada HTML karakter varlıklarının tam listesine ulaşabilirsiniz.
Diğer bir yol, özel karakterin önüne bir ters eğik çizgi \ koymaktır. Bu, Markdown'un sonraki karakteri diğer metinler gibi muamele etmesini söyler.
\| = bir boru gösterir |
\\ = bir ters eğik çizgi gösterir \
Ancak, bir ters eğik çizgi kullanmanın, Markdown tablolarındaki her karakter için işe yaramadığını unutmayın, boru | gibi.
Son olarak, belirtilen karakterleri olduğu gibi göstermek için Markdown kod bloklarını kullanabilirsiniz. Sadece aralarına geri tırnak ` koyun.
` | * | & | \ | | `` ``
Bu şu şekilde görünecektir:
| * | & | \ | ` |
|---|---|---|---|
| * | & | \ | ` |
Kısacası, özel karakterleri kaçırmak için mümkün olduğunca HTML varlıkları veya ters eğik çizgiler kullanın. Borular ve diğer zor semboller için, kod blokları onları olduğu gibi göstermek için iyi bir yoldur.
Markdown, tabloları ele almanın kendi yöntemine sahip farklı stiller içerir. Bu stillere ve harika tablolar oluşturma için bazı ipuçlarına bakalım:
GFM, GitHub'da gördüğünüzdür. Kolayca tablolar oluşturmanıza olanak tanır:
| Başlık 1 | Başlık 2 |
|----------|----------|
| Satır 1a | Satır 1b |
| Satır 2a | Satır 2b |
Her satırın sonunda boruları | koymanıza gerek yoktur, ancak hataları önlemek için iyi bir fikirdir.
Bu sürümler, metin hizalama gibi tablolar için daha fazla seçenek ekler:
| Sağ | Sol | Varsayılan | Merkez |
|------:|:-----|---------|:-----:|
| 12 | 12 | 12 | 12 |
| 123 | 123 | 123 | 123 |
Metin hizalamasını kontrol etmek için iki nokta : kullanın.
CommonMark'ın kendine ait bir tablo söz dizimi yoktur. Tablolar oluşturmak için HTML etiketi kullanmanız gerekir.
GFM ve benzerlerinde, yan borular | her zaman gerekli değildir:
Başlık 1 | Başlık 2
--------- | ---------
Satır 1a | Satır 1b
Satır 2a | Satır 2b
Bunları atlamak, düzenlemeyi daha kolay hale getirebilir, ancak bulundurmaları hataları önlemeye yardımcı olacaktır.
Tablonuzun daha düzenli görünmesi için sütun genişliklerini eşleştirmeye çalışın:
| Kısa | Daha Uzun Örnek Sütunu |
|-------|-----------------------|
| Metin | Daha fazla örnek metin |
Bu, tablonuzu daha okunabilir hale getirir.
Sıfırdan tablo oluşturmak zorlayıcı olabilir. İşte, yardımcı olabilecek bazı araçlar:
Markdown Tablo Üreteci kod yazmadan tablolar oluşturmanızı sağlar. Bilgilerinizi doldurun ve kodu size verir.
Tablo Dönüştür, verileri hızlı bir şekilde Markdown tablolarına dönüştürür.
Typora Markdown editörü tabloları ekleme ve stillendirme için basit bir yol sunar.
Bazı uygulamalar Markdown tabloları ile çalışmayı kolaylaştırır:
Typora, tabloları ekleme ve değiştirme için basit bir menüye sahiptir.
Zettlr, temel bir tablo eklemenize ve ardından doğrudan düzenlemenize olanak tanır.
Bu ipuçlarını ve araçları bilmek, Markdown tablolarıyla çalışmayı çok daha sorunsuz hale getirebilir. Unutmayın, hedef, bilgiyi açık ve okunabilir bir şekilde sunmaktır.
Markdown kullanarak tablolar oluşturma konusunda pratik yapalım. İşte biraz deneyim kazanmanıza yardımcı olacak birkaç kolay alıştırma:
Öncelikle, farklı meyveleri listeleyen basit bir tablo oluşturalım:
| Meyve | Renk | Şekil |
| Meyve | Renk | Şekil |
| - | - | - |
| Meyve | Renk | Şekil |
| - | - | - |
| Elma | Kırmızı | Yuvarlak |
| Meyve | Renk | Şekil |
| - | - | - |
| Elma | Kırmızı | Yuvarlak |
| Muz | Sarı | Uzun |
| Portakal | Turuncu | Yuvarlak |
Şimdi, meyve tablomuzda biraz stil ekleyelim:
** ekleyerek kalın yapın:| **Meyve** | **Renk** | **Şekil** |
| - | - | - |
| Muz | *Sarı* | Uzun |
| Portakal | [Portakal](https://www.w3schools.com/colors/colors_names.asp) | Yuvarlak |
Daha fazla zorluk için, daha fazla ayrıntıya sahip bir tablo yapalım:
| **İsim** | **Pozisyon** | **Maaş** |
| - | - | - |
| **İsim** | **Pozisyon** | **Maaş** |
| - | - | - |
| John | Müdür | $80,000 |
| Sarah | Geliştirici | $60,000 |
| Lisa | Tasarımcı | $50,000 |
| **İsim** | **Pozisyon** | **Maaş** |
| - | - | ---: |
Bu adımlarla pratik yapmak, Markdown tablolarını yapma konusunda daha fazla fikir sahibi olmanın harika bir yoludur. Farklı türde tablolar oluşturmayı ve biçimlendirmeyle oynamayı deneyin.
Markdown'da tabloları düzenlemek biraz külfetli olabilir, ancak bazı klavye kısayollarını bilmek işi çok daha kolaylaştırabilir. İşte daha hızlı çalışmanıza yardımcı olabilecek kısayolların bir listesi:
Tab - Bir sonraki hücreye gitShift + Tab - Önceki hücreye geri dönEnter - Bir sonraki satıra inCtrl/Cmd + Enter - Tablo düzenlemeyi durdurCtrl/Cmd + Ok Tuşları - Hücreler arasında kolayca hareket etCtrl/Cmd + l - Metni sola hizalaCtrl/Cmd + e - Metni ortalaCtrl/Cmd + r - Metni sağa hizalaCtrl/Cmd + . - Herhangi bir özel hizalamayı kaldırAlt + i - Yukarıda yeni bir satır ekleAlt + a - Aşağıda yeni bir satır ekleAlt + j - Sol tarafa bir sütun ekleAlt + l - Sağ tarafa bir sütun ekleAlt + Shift + i - mevcut satırı kaldırAlt + Shift + a - mevcut satırı kaldırAlt + Shift + j - mevcut sütunu kaldırAlt + Shift + l - mevcut sütunu kaldırShift + Ok Tuşları - Daha fazla hücre seçCtrl/Cmd + Alt + Ok Tuşları - Tüm satırı veya sütunu hareket ettirBu kısayollarla aşina olmak, Markdown'da tablolarla çalışma sürenizi hızlandırabilir. Bu kılavuzu hızlı başvuru için el altında bulundurun.
Markdown ile tablolar oluşturmak, web siteleri için bilgilerinizi düzenli bir şekilde organize etmenizi sağlar. Alışıldık hale geldiğinde oldukça basit hale gelir. İşte aklınızda tutmanız gerekenler:
| sembolünü kullanın. Metnin nasıl hizalanacağını göstermek için başlık satırının altında dikdörtgen çizgiler - koyun.: ekleyin.Yalnızca pratik yapmaya devam edin ve yakında Markdown tabloları oluşturmak çok kolay hale gelecektir. Tablolarınızı basit ve net tutmayı unutmayın. Asıl hedef, bilgiyi herkesin anlaması için kolay bir şekilde paylaşmaktır. Markdown tabloları, verileri düzenli ve basit bir şekilde düzenlemenize olanak tanıdığı için bunun için harika bir yöntemdir.
Markdown'da tablolar oluşturmak için, sütunlar oluşturmak için boru | sembolünü, başlıkların altında metni hizalamak için dikdörtgen çizgileri -, ve metni sola, ortalı ya da sağa hizalamak için iki nokta : kullanın. İlk satırda başlıkları, ikincide sütunları tanımlamak için dikdörtgen çizgileri koyun ve ardından bilgilerinizi ekleyin. Her şeyin düzenli olması, okuma kolaylığı sağlar. Bazı Markdown editörleri tabloyu daha kolay biçimlendirmeye yardımcı olabilir.
Bir tabloda metni hizalamak için:
:---:---:---:Sadece, hizalamak istediğiniz sütunun altında iki çizgiyi değiştirin.
Birçok Markdown editörü, Typora veya Zettlr gibi, boş bir tablo yapısını hızlıca eklemek için kısayollara sahiptir. Örneğin, Windows’da Typora'da Ctrl + T tuşuna basmak, belgenize boş bir tablo ekleyecektir. Özellikle kısayollar için editorün kılavuzuna göz atın.
Bir kod bloğunu girintilemek için, koddan önce ve sonra boş bir satır ekleyin ve kodun her satırını en az 4 boşluk veya 1 sekme ile girintileyin. Bu, Markdown'a özel bir şekilde biçimlendirmesini, genellikle farklı bir fontla kod olarak çıkmasını belirtir.