Listeler

Alıntı Bloğu kullanmayı öğrendiğimize göre artık yazılarımızda listelere de yer vermeyi görmemiz gerek.

Listeler, iki farklı şekilde karşımıza çıkar. Madde işaretli listeler ve numaralandırılmış listeler olmak üzere sınıflandırılırlar. Önce madde işaretli listeler oluşturmakla başlayalım, ardından numaralı listelere geçeriz.

Madde İşaretli Listeler

Listeler konusu da Markdown’da oldukça kolaydır ve içlerinde en kolayı madde işaretli listeler‘dir. Bunu yapabilmek için öncelikle * ya da - işaretlerinden bize en uygun olanını seçeriz ve ardından bir boşluk bırakırız. Sonra, maddemizi yazar ve Enter tuşuna basarız. Aynı işareti kullanarak istediğimiz kadar maddeyi ekler ve işimiz bittiğinde iki satır boşluk verip normal yazımıza devam ederiz. Dilerseniz hemen örneğimizi görelim. Kolay anlaşılması için öncesine ve sonrasına birer paragraf ekleyeceğim ki neden başında ve sonunda boş satır olması gerektiğini kavrayabilelim.

Markdown
bu bir paragraf

* birinci maddemiz
* İkinci maddemiz
* Üçüncü maddemiz

Bu da ikinci paragraf.
HTML
<p>bu bir paragraf</p>
<ul>
<li>birinci maddemiz</li>
<li>İkinci maddemiz</li>
<li>Üçüncü maddemiz</li>
</ul>
<p>Bu da ikinci paragraf.</p>
Çıktı

bu bir paragraf

  • birinci maddemiz
  • İkinci maddemiz
  • Üçüncü maddemiz

Bu da ikinci paragraf.

Not

Yukarıdaki örnekte * işareti kullandık fakat siz isterseniz - işaretini de kullanabilirsiniz.

Numaralı Listeler

Numaralı liste oluşturmak için sanki basit bir not defterinde numaralı liste oluşturuyormuş gibi davranmamız yeterli. Yani önce rakam, ardından nokta ve hemen bir boşluk bırakarak listenizi yazmanız ve Enter tuşuna basmanız yeterli. Biraz karışık olduysa yukarıdaki örneğin bir benzerini numaralı liste yapalım ve görelim

Markdown
Bu ilk paragraf.

1. Birinci madde
2. İkinci madde
3. Üçüncü madde

Bu ikinci paragraf.
HTML

<p>Bu ilk paragraf.</p>
<ol type="1">
<li>Birinci madde</li>
<li>İkinci madde</li>
<li>Üçüncü madde</li>
</ol>
<p>Bu ikinci paragraf.</p>
Çıktı

Bu ilk paragraf.

  1. Birinci madde
  2. İkinci madde
  3. Üçüncü madde

Bu ikinci paragraf.

İç İçe Listeler

Bu bölümümüzde de düzen takıntılarına hitap ediyoruz ve iç içe listeler kullanmayı gösteriyoruz. fakat bunu laf kalabalığı yapmadan, basit bir tanımlamayla yapalım.

Diyelim ki bir listenin içinde alt bir liste oluşturacaksınız. Listenizi yazıp Enter tuşuna bastığınızda, Bir kere Tab tuşuna ya da dört adet Boşluk tuşuna basıp ilk iç liste maddenizi yazabilirsiniz. Ardından tekrar Enter tuşuna basıp bir üst satırda yaptığınızı yapabilir ve tekrar girintili listenizi oluşturabilirsiniz.

Yine kafa ütüledim. Bir örnek verelim de şu karışık cümleleri adam akıllı açıklayalım:

Markdown
* Meyveler
	1. Elma
	2. Armut
	3. Kiraz
* Sebzeler
	1. Pırasa
	2. Ispanak
	3. Kereviz
HTML

<ul>
<li>Meyveler
<ol type="1">
<li>Elma</li>
<li>Armut</li>
<li>Kiraz</li>
</ol></li>
<li>Sebzeler
<ol type="1">
<li>Pırasa</li>
<li>Ispanak</li>
<li>Kereviz</li>
</ol></li>
</ul>
Çıktı
  • Meyveler
    1. Elma
    2. Armut
    3. Kiraz
  • Sebzeler
    1. Pırasa
    2. Ispanak
    3. Kereviz
Notlar
  • Madde imli listenin içinde numaralı liste kullanabileceğiniz gibi, numaralı listenin içinde de madde imli liste kullanabilirsiniz.
  • Alıntı bloğu oluşturduğunuzda, listeleri de dilediğiniz gibi kullanabilirsiniz.