Markdown stilini öğrenmek istiyorsanız doğru yerdesiniz diyebilirim. Burada tüm kod yapılarını tek tek anlatımlarla sizlere sunacağım.
Bazı bilindik kodlama araçları
Buradan öğrendiklerini denemeniz için ve ilerleyen günlerde kendi markdown yazılarınızı oluşturmak için kullanabileceğiniz editörler;
Minimalist Online Markdown Editor
StackEdit
Haroopad (Masaüstü Program)
Başlıklar
H1
H2
H3
H4
H5
H6
Alternatif olarak, altbaşlık yazım kodları:
Alt-H1
Alt-H2
Yazı Tipleri
İtalik yazı yazmak için kullanacağınız kod budur yada budur.
Kalın yazı yazmak için kullanacağınız kod budur or budur.
Hem kalın hem italik yazı yazmak için kullanacağınız kod tam olarak budur.
Üstü çizili yazı yazmak için kullanacağınız kod yalnızca budur.
Çıktı;
İtalik yazı yazmak için kullanacağınız kod budur yada budur. Kalın yazı yazmak için kullanacağınız kod budur or budur. Hem kalın hem italik yazı yazmak için kullanacağınız kod tam olarak budur. Üstü çizili yazı yazmak için kullanacağınız kod yalnızca budur.
Listeleme
- İlk Liste Öğesi
- Bir Diğer Öğesi
⋅⋅* Sıra veya sayısal değer verilmeyen liste öğesi - İlk Liste Öğesi Alt Öğeye Sahipse
⋅⋅1. Alt Liste Öğesi Bu Şekilde Yazılır - Diğer Liste Öğesi Alt Açıklamaya Sahipse.
⋅⋅⋅Tüm alt açıklamalar bu şekilde yazılmalıdır.⋅⋅⋅
⋅⋅Aralarda satırlar atlayarak açıklamayı fazlalaştırabilirsiniz⋅⋅
- Sıra veya sayısal değer verilmeyen liste öğesi bu şekilde yazılır.
- Ya da başına eksi ekleyerek
- Ya da artı ekleyerek
Çıktı;
İlk Liste Öğesi
Bir Diğer Öğesi ⋅⋅* Sıra veya sayısal değer verilmeyen liste öğesi
İlk Liste Öğesi Alt Öğeye Sahipse ⋅⋅1. Alt Liste Öğesi Bu Şekilde Yazılır
Diğer Liste Öğesi Alt Açıklamaya Sahipse.
⋅⋅⋅Tüm alt açıklamalar bu şekilde yazılmalıdır.
⋅⋅Aralarda satırlar atlayarak açıklamayı fazlalaştırabilirsiniz⋅⋅
Sıra veya sayısal değer verilmeyen liste öğesi bu şekilde yazılır.
Ya da başına eksi ekleyerek
Ya da artı ekleyerek
Link Verme
İki farklı şekilde link verebilirsiniz.
Yazıya açıklamalı bir link(alt etiket) vermek
Tüm yazıları tek bir linke bağlamak
İstenilen yazıya atanan linki çağırmak
Atanan linkleri çağırmak:
Çıktı;
Klasik yazıya link vermek
Yazıya açıklamalı bir link(alt etiket) vermek
Tüm yazıları tek bir linke bağlamak
İstenilen yazıya atanan linki çağırmak
Görseller
Yazı İçerisinde:
Çağırarak ekleme:
Çıktı;
Yazı İçerisinde: alt text
Çağırarak ekleme: alt text
Yazıları Kod Satırına Almak
var s = "JavaScript kodları için özelleştirmek";
alert(s);
s = "Python kodları için özelleştirmek"
print s
Herhangi bir dil için özelleştirme yapmadan her yazıya uygun kullanmak.
Fakat bu biçimlendirmeyi kullanırken hiçbir kod çalışmaz <b>bunun gibi</b>.
##### Çıktı;
```javascript
var s = "JavaScript kodları için özelleştirmek";
alert(s);
s = "Python kodları için özelleştirmek"
print s
Herhangi bir dil için özelleştirme yapmadan her yazıya uygun kullanmak.
Fakat bu biçimlendirmeyi kullanırken hiçbir kod çalışmaz bunun gibi.
Tablolar
Tablo oluşturmak için yazıların etrafına klavye sembolleri ile tablo çizin :)
| Tablo | Oluşturmak | Basittir |
| ------------- |:-------------:| ---------:|
| İşte | Son derece | $1600 |
| Hepsi | basit | $12 |
| Bu kadar | bir iş | $1 |
(|) Bu işareti dış kısımda kullanmak opsiyoneldir fakat orta alanlarda kullanmalısınız.
Az | Kod | Çok iş
--- | --- | ---
*Yazı* | `tipleri` | **aktiftir**
1 | 2 | 3
Çıktı;
Tablo oluşturmak için yazıların etrafına klavye sembolleri ile tablo çizin :)
Tablo Oluşturmak Basittir
İşte Son derece $1600
Hepsi basit $12
Bu kadar bir iş $1
( ) Bu işareti dış kısımda kullanmak opsiyoneldir fakat orta alanlarda kullanmalısınız.
Az Kod Çok iş
Yazı tipleri aktiftir
1 2 3
Alıntı Yapmak
> Aslında son derece hoş bir biçimlendirme şeklidir.
> Fakat ikinci tag herhangi bir anlam ifade etmez ve iki biçimlendirmede aynı satırda gösterilir :)
Alıntısız Yazı.
> Ve alıntı biçimlendirmesi kullanırken *Yazı stillerinden* de **faydalanabilirsiniz.**
Çıktı;
Aslında son derece hoş bir biçimlendirme şeklidir. Fakat ikinci tag herhangi bir anlam ifade etmez ve iki biçimlendirmede aynı satırda gösterilir :)
Alıntısız Yazı.
Ve alıntı biçimlendirmesi kullanırken Yazı stillerinden de faydalanabilirsiniz.
Yazı İçi HTML Kullanmak
<dl>
<dt>Listeleme biçimleri</dt>
<dd>Böyle bir sonuca ulaşırsınız.</dd>
<dt>HTML içinde Markdown kullanmak</dt>
<dd>Bu *düzgün* **çalışmayabilir**. HTML tagları <em>daha mantıklı</em>.</dd>
</dl>
Çıktı;
Listeleme biçimleri
Böyle bir sonuca ulaşırsınız.
HTML içinde Markdown kullanmak
Bu *düzgün* **çalışmayabilir**. HTML tagları daha mantıklı.
Yatay Biçimlendirme (Satır Çizgisi)
Üç farklı biçimlendirme şekli vardır.
---
Tire kullanmak
***
Yıldız Kullanmak
___
Alt tire kullanmak
Çıktı;
Üç farklı biçimlendirme şekli vardır.
Tire kullanmak
Yıldız Kullanmak
Alt tire kullanmak
YouTube Video Ekleme
Doğrudan bir video çağıramazsınız fakat video thumbnaili kullanarak videoya yönlendirme yapabilirsiniz.
<a href="http://www.youtube.com/watch?feature=player_embedded&v=YOUTUBE_VİDEO_IDSİ
" target="_blank"><img src="http://img.youtube.com/vi/YOUTUBE_VİDEO_IDSİ/0.jpg"
alt="GÖRSEL AÇIKLAMASI" width="240" height="180" border="10" /></a>
Ya da daha sade bir yapı kullanabilirsiniz.
[](http://www.youtube.com/watch?v=YOUTUBE_VİDEO_IDSİ)
Kaynak: https://hasan.im/turkce-markdown