Link Oluşturmak
Geliyoruz Markdown’un Markdown olduğu konulardan birisi olan Link oluşturmaya.
Cümlelerin içerisinde https:// ile başlayıp devam eden metinler görmekten nefret ediyorum. Sırf bu yüzden bütün e-postalarımı Markdown ile yazıyorum ve link vermem gerekiyorsa kesinlikle bu konuda size göstereceğim yöntemi kullanıyorum.
Metin içinde link kullanabilmek için; tıklanacak metni köşeli parantezler [] içine almanız, hemen dibine de normal parantezlerle () URL’nizi yapıştırmanız yeterli olacaktır.
Yine mi karmaşık konuştum? Tamam tamam. Örnek geliyor:
Markdown
Web siteme gidebilmek için [buraya](https://borfirbora.com) tıklayabilirsiniz.
HTML
<p>Web siteme gidebilmek için <a href="https://borfirbora.com">buraya</a> tıklayabilirsiniz.</p>
Çıktı
Web siteme gidebilmek için buraya tıklayabilirsiniz.
Başlık Eklemek
Fare ile linkin üzerine geldiğinizde ya da Tab yardımıyla linke odaklandığınızda, ekran okuyucunuz bir açıklama okur. İşte bu örnekte de bu açıklamayı nasıl ekleyeceğinizi göstereceğim. Çok basit. Linki parantezlerin arasına yapıştırdığınızda bir boşluk bırakın ve tırnaklar içinde açıklamanızı yazın. Hemen örnek geliyor.
Markdown
En sevdiğim siteye gitmek için [ahanda şuraya](https://google.com "Google Amca") tıklayabilirsiniz.
HTML
<p>En sevdiğim siteye gitmek için <a href="https://google.com" title="Google Amca">ahanda şuraya</a> tıklayabilirsiniz.</p>
Çıktı
En sevdiğim siteye gitmek için ahanda şuraya tıklayabilirsiniz.
Bağlantı ve URL Adresleri
Biliyorum konu biraz uzuyor fakat bu konu gerçekten de önemli bir konu. Çok konu dediğimi de biliyorum ama ben yazarken çok eğleniyorum.
Neyse, sululuğu bırakıyoruz ve konumuza dönüyoruz. Yine konu.
Markdown ile yazı düzenlerken linki doğrudan yapıştırdığınızda tıklanabilir bir içerik elde edemezsiniz. Çünkü markdown HTML gibi bir formata dönüştürüldüğünde ilgili Tag’ları bekler. Bunun önüne geçmenin çok kolay bir yolu var. Yapıştıracağınız linkinizi <> arasında göstermek.
Bu sayede hem belgenizdeki linkler tıklanılabilir olacak hem de e-posta adresleri. Fakat tekrar hatırlatayım: Güzel bir cümlenin içerisine yerleştirilmiş linkleri daha çok seviyorum ama yine de siz bilirsiniz. Fazla goy goy yapmadan örneğimizi inceleyelim:
Markdown
<https://borfirbora.com/> sayfasında yer alan <borafirlangec@gmail.com>e-posta adresini kullanabilirsiniz.
HTML
<p><a href="https://borfirbora.com/" class="uri">https://borfirbora.com/</a> sayfasında yer alan <a href="mailto:borafirlangec@gmail.com" class="email">borafirlangec@gmail.com</a>e-posta adresini kullanabilirsiniz</p>
Çıktı
https://borfirbora.com/ sayfasında yer alan borafirlangec@gmail.come-posta adresini kullanabilirsiniz
Not
Linklerinizi biçimlendirebilmek için baş ve sonuna istediğiniz işaretleri koyabilirsiniz. Örneğin
**[metin](link)**
Referans Linkleri
Yazınızda doğrudan URL kullanmak yerine, linklerinizi isimlendirip, onları başka yerde tanımlayabilirsiniz. Bu, Markdown dilinin en güçlü yanlarından biridir ve okunabilirliği en üst düzeye çıkarır. Haydi bunun nasıl yapıldığını önce anlatalım, ardından örnek görelim.
Linkleri oluştururken [metin](URL) şeklinde bir notasyon kullanıyorduk eğer hatırlıyorsanız. Hatırlayın çünkü daha aynı makaledeyiz.
Bu sefer linklerimizi ikiye böleceğiz. Birinci parçada görüntülenecek metin ve linkimize vereceğimiz takma adı belirtecek, ikinci adımda ise takma adımızın hangi linki işaret edeceğini tanımlayacağız.
Birinci adım için [metin][takma-ad] notasyonunu kullanacağız.
İkinci adım için ise boş bir satıra geçeceğiz. Ardından []: URL "başlık" notasyonuyla takma adımıza URL adresini tanımlayacağız.
Oooh! Yine karışık anlattım değil mi? Efendim örnek geliyor, telaş yapmayın.
Markdown
En sevdiğim iki site [google][site-1] ve [Youtube][site-2] siteleridir.
[site-1]: https://google.com
[site-2]: https://youtube.com/ "Video platformu"
HTML
<p>En sevdiğim iki site <a href="https://google.com">google</a> ve <a href="https://youtube.com/" title="Video platformu">Youtube</a> siteleridir.</p>
Çıktı
En sevdiğim iki site google ve Youtube siteleridir.
Notlar
- Takma ad belirlerken sadece ingilizce karakterler ve tire
-kullanmanız yeterli, boşluk ve türkçe karakter kullanmanız dosyanızı hatalı biçimlendirebilir.- Önerim link tanımlamalarını belge sonunda yapmanız fakat iki paragraf arasında da bu tanımlamaları yapabilirsiniz.
Resim Oluşturmak
Link ile kullanımı hemen hemen aynı olduğu için bu başlıkta göstermek istiyorum resim görüntülemeyi size.
Notasyonumuz  şeklinde. Sadece URL bir resim dosyasına isabet etmeli ve en başta ! işareti olduğuna da dikkat etmelisiniz. Hemen bir örnek göstereyim de konu kapansın:
Markdown
Aşağıdaki resimde bir penguen görüyorsunuz
Umarım Resmi beğenirsiniz.
HTML
<p>Aşağıdaki resimde bir penguen görüyorsunuz</p>
<figure>
<img src="https://siteniz.com/resimler/penguen.jpg" title="Penguen" alt="Penguen oturuyor" /><figcaption aria-hidden="true">Penguen oturuyor</figcaption>
</figure>
<p>Umarım Resmi beğenirsiniz.</p>
Çıktı
Aşağıdaki resimde bir penguen görüyorsunuz
Umarım Resmi beğenirsiniz.