Komut dosyasının uygulanması için burada kullandığımız araç Visual Studio Code.”
Örnek # 1: Markdown'da Sırasız İç İçe Listeler
Bu gösteri, sırasız listeleri işaretlemede iç içe yerleştirme tekniğini detaylandıracaktır. Sırasız bir liste oluşturmak için, işaretleme bize sırasız bir liste oluşturmak için kullanılabilecek farklı seçenekler sunar. Bunlar Artı işareti (+), Kısa Çizgiler (-) veya Yıldız işaretleridir (*). Bu seçeneklerden herhangi birini kullanabilirsiniz. Bunların her birinin nasıl çalışacağını görelim.
Liste öğesinin önüne Tire (-) ekleyerek önce bir liste oluşturacağız. Bir liste oluşturduk. Çizgili bir liste yapmak için takip edilmesi gereken kalıp, bir Çizgi (-), ardından bir boşluk ve listenin adını eklememiz gerektiğidir. Sonraki liste için, markdown formatı algılayacak ve önceki tempoyu otomatik olarak sonraki kod satırına ekleyecektir. Sırasız bir liste yapmak için Tire (-) kullandığımız için bir sonraki satıra geçtiğimizde otomatik olarak tire koyuyor. Burada “Pakistan”, “İran”, “Afganistan”, “Hindistan” ve son madde olan “Çin” olmak üzere 5 maddelik bir liste yaptık.
Önizleme penceresi bize madde işaretleri ile görüntülenen 5 liste öğesini gösterir. Sonuç, aşağıdaki ekteki anlık görüntüde görülebilir.
Şimdi işaretlemeyi sırasız liste yapmak için Artı işaretini (+) işaretini kullanacağız.
Burada Kısa Çizgileri (-) Artı işaretiyle (+) değiştirdik.
Bu bize yukarıdaki egzersiz tekniği için elde ettiğimiz çıktının aynısını verir.
Şimdi, liste öğesi adından önce Yıldız (*) ekleyen son teknikle kontrol edeceğiz.
Yıldızları ekleyerek, aynı madde işareti listelerini bile elde ederiz.
Bundan, tüm bu tekniklerin, madde işaretleri ile gösterilen öğelerle aynı çıktıyı sırasız liste haline getireceğini öğrendik.
İç içe listeleri yapmak için kullanılabilecek teknikler yukarıda tartışılanlarla aynıdır. Sırasız iç içe listeler oluşturmak için Dash (-) tekniğini seçiyoruz. Önce hash (#) sembolünü ve başlık metninden önce bir boşluk kullanarak bir başlık ekledik. Bir “#”, “h1” başlık stilini ifade eder. Başlık için belirlediğimiz metin “Başkentleri Olan Ülkeler” olduğundan ana başlığımız bu olacaktır. Daha sonra bir sonraki satırda, “h3” başlığına atıfta bulunan üçlü karmaları kullanarak bir alt başlık sunuyoruz. Ve başlığın dizesi 'Ülkelerin listesi ve başkentleri:' şeklindedir. İç içe liste daha sonra başlar. İlk liste öğesini oluşturmak için tire (-) sembolünü “Pakistan” olarak ekledik.
Bu listeye bir liste eklemek için betiğin sonraki satırına dört boşluk eklememiz gerekiyor. Ardından tire (-), boşluk ve alt listenin adı yazılır. Bu yüzden ilk liste maddesini “Pakistan” olarak alıyoruz ve onun içinde alt liste “İslamabad” olarak ekleniyor, ardından listenin bir sonraki maddesi “İran” ile alt liste maddesi “Tahran”, 3 rd eklenen liste öğesi “Kabil” alt liste öğesi olan “Afganistan”, ardından iç içe liste öğesi “Delhi” ile “Hindistan” ve son olarak alt liste öğesi “Pekin” olan “Çin”dir.
Oluşturulan çıktı, bir başlık, alt başlık ve ardından iç içe sıralanmamış indirim listelerini gösteren aşağıdaki ekteki resimde görülebilir.
Örnek # 2: Markdown'da Sıralı İç İçe Listeler
Bu örnek, markdown sıralı listeleri ve iç içe sıralı listelerin nasıl oluşturulacağını anlamamıza izin verecektir.
Sıralı listeler, öğeleri sayılarla eklenen listelerdir. Sıralı bir liste oluşturmak için, ilk liste öğesi için belirtilen numara, çıktı sıralı liste numarasının başlangıç numarasını belirleyecektir. Bunu bir senaryo aracılığıyla öğrenelim.
“Kırmızı”, “Mavi”, “Mor”, “Turuncu”, “Sarı”, “Pembe” ve “Beyaz” olmak üzere 7 maddelik bir liste oluşturduk. Bu öğelerle sıralı bir liste oluşturmak için sayıları, bir noktayı ve öğenin adını ekledik. Burada listeye sırayla “7”ye kadar çıkan “1” sayısı ile başladık.
İşte yukarıda yazılan markdown betiğinin çıktısı.
Şimdi aynı itemler ile listeye rastgele sayılar eklersek ne olacağını görelim.
Rakamları değiştirdik ve şimdi “1”, “4”, “3”, “7”, “2”, “7” ve “5” olarak ekledik. Sayıların rastgele eklendiğini gözlemleyebilirsiniz.
Ancak önizleme penceresi bize 1'den başlayan sıralı bir liste ile çıktı listesini gösterir. Bunun nedeni, markdown'ın yalnızca ilk sağlanan sayıyı dikkate alması ve ardından listeyi o belirli sayıdan başlayarak sırayla sıralamasıdır.
Size kolaylık olması için, belirlediğimiz ilk sayının “5” ve ardından bazı rasgele sayıların olduğu başka bir örnek vereceğiz.
Çıktıda listenin 5'ten başladığını ve ardından sayıları sırayla eklediğini görebilirsiniz. Bu nedenle, liste öğelerini '1' den numaralandırmaya başlamanız gerekir, böylece doğru numara sırasına girer.
Ayrıca markdown'da iç içe sıralı bir liste oluşturabiliriz. Bunun için önce tek hash (#) kullanarak “İç İçe Sıralı Liste” olarak bir başlık ekledik ve ardından 3 hash (###) kullanılarak “h3” stili ile “Bu bizimdir” yazısı ile alt başlık oluşturuldu. işaretlemede iç içe sıralı liste: ”. Şimdi yukarıda oluşturulan listeyi kullanarak içine bazı alt listeler ekledik. Alt listeler, dört boşluk ve ardından sayı, boşluk ve öğe adı eklenerek oluşturulur. Alt liste “1” sayısından başlamalıdır. Bu nedenle “Mor” ve “Sarı” liste öğeleri için sırasıyla “Erik”, “Sarı” ve “Kireç” olarak alt liste öğeleri ekledik.
Bu bize aşağıdaki anlık görüntüde görüntülenen sonuçtaki iç içe sıralı listeyi verecektir.
Örnek # 3: Markdown'da İç İçe Listeleri Karıştırın
Son örnekte, sıralı ve sırasız listeleri kullanarak iç içe bir listenin nasıl oluşturulacağını göreceğiz. Sırasız bir liste oluşturacağız; bu liste içinde sıralı bir liste oluşturulacak ve ardından sıralı liste içinde sıralanmamış başka bir alt liste başlatılacaktır.
Önce bir başlık ve bir alt başlık ekledik ve ardından ilk listeye sırasız liste ile başlıyoruz. Sırasız listenin ilk maddesi “Asya”; Bu listede, söz konusu içeriğin ülkesinin adıyla yeni bir sıralı liste başlattık. Ardından, ülkeler alt listesi adı altında, o ülkenin bir şehrinin adını taşıyan başka bir alt liste oluşturduk. Bu nedenle, sırasız liste öğesi “Asya” için “Pakistan”, “İran” ve “Çin” liste öğelerini sıraladık. Ve sıralı “Pakistan” liste öğesinin altında sırasız bir liste öğemiz “Rawalpindi” var.
Komut dosyasının geri kalanını aşağıdaki resimde görebilirsiniz:
Bu bize iç içe listeleri gösteren aşağıdaki sonucu verir:
Çözüm
Bu kılavuz, listeler oluşturma ve bunları iç içe yerleştirme tekniklerini ayrıntılı olarak ele aldı. Sırasız ve sıralı listeler olmak üzere 2 farklı liste türünü açıkladık. Bu yazıda 3 örnek gerçekleştirdik. İlk örnekte, basit bir sırasız liste ve iç içe sırasız listeler yapmayı öğrendik. sonra 2 nd illüstrasyon, sıralı listelerden ve iç içe sıralı listelerden bahsetti. Son örnek, sıralı ve sırasız listelerin birlikte iç içe geçmesini vurguladı.