Başlıklarla Çalışmak

Yazdığımız her yazının kendine ait bir başlığı olması gerekmektedir. HTML formatında H1,H2,H3,H4,H5,H6 olarak 6 adet başlık bulunmaktadır. Aynı zamanda Word gibi programlarda dikkat edecek olursanız yine 6 adet başlık göreceksiniz. Peki başlıkları nasıl kullanırız ?

2 Yöntemle başlıkları kullanabilirsiniz;

  1. Başlık ve Alt Başlık Yapısı
  2. # ile Başlık yapısı

Not : Listeler içerisinde de başlık # işareti ile kullanılabilir. Eğer yazdığınız bazı karakterleri Markdown'ın işlemesini istemiyorsanız başına \ işareti eklemeniz gerekmektedir.

1. Yöntem : Başlık ve Alt Başlık

Başlık ve Alt Başlık yapısını kullanırken Başlığımızı yazıp alt satırına ===(Başlık için) veya ---(Alt Başlık için) işareti eklememiz yeterli. Bu yöntemi çok kullanmıyorum çünkü Başlık yazıldıktan sonra alt satıra "eşittir" veya "tire" işaretleri eklediğimizde aslında 1 satırı boş yere kullanmış oluyoruz. Bu yüzden okumayı zorlaştırdığını düşünüyorum. Zaten Markdown'ın amacı daha temiz bir yazım biçimi olduğu için 1 satırı bile boş yere harcamak istemiyor insan :) Neyse, örneğimizi inceleyelim..

Örnek :

Başlık (Başlık yazıldı ve alt satıra 3 adet ===(eşittir) işareti eklendi)

Alt Başlık(Alt Başlık yazıldı ve alt satıra 3 adet ---(tire) işareti eklendi)

2. Yöntem : Başlık1'den Başlık6'ya kadar # Kullanımı

Nedense bu yöntemi daha çok seviyorum. Başlık olarak belirlediğiniz satırın başına # işaret eklemeniz yeterli.. Kaç adet # işareti varsa başlığınız H(heading)1'den H6'ya kadar belirlenmiş olur. Unutmayın belirlediğiniz başlığın sol kısmında olmalı. Bazıları başlık yazarken okuması kolay olsun diye sonuna da aynı sayıda # ekliyor. Bana fazlalıkmış gibi geliyor, yine de siz bilirsiniz :)

# işareti başlığı temsil etmektedir. 
Eğer 1 adet # işareti varsa H1, 3 adet varsa ### H3 anlamına gelmektedir. 
Kısacası # işaretinin sayısı o satırdaki yazı başlığının hangi başlık olacağını belirler.

Markdown Örnekleri ve Yapının HTML'e Dönüşüm Örneği:

Başlık 1 (#Başlık 1 = <H1>Başlık 1</H1>)

Başlık 2 (##Başlık 2 = <H2>Başlık 2</H2>)

Başlık 3 (###Başlık 3 = <H3>Başlık 3</H3>)

Başlık 4 (####Başlık 4 = <H4>Başlık 4</H4>)

Başlık 5 (#####Başlık 5 = <H5>Başlık 5</H5>)
Başlık 6 (######Başlık 6 = <H6>Başlık 6</H6>)

Denemek için : https://stackedit.io

results matching ""

    No results matching ""