Merhaba arkadaşlar yeni dersimiz yayında! ( Tercihen Gece Modu Kullanın ) Sayfa İçi Bağlantı Oluşturma Html kodları kullanarak, sayfa içi bağlantılar oluşturabilirsiniz. Bir sayfadaki metne tıklayarak, aynı sayfanın başka bir bölümüne gidebilirsiniz. Bu işlem çapa olarak da adlandırılır.
Çapa oluşturma işlemi;
<a href="#...">...</a>, <a name="....">...</a> komutları kullanılarak yapılmaktadır.
<a href=”#...”> ile tıklanmasını istediğimiz metin; <a name=”...”> ile de karşımıza gelmesini istediğimiz bölüm belirlenir.
Örnek: Kod:
<a href="#forum">ForumCSDark</a>
<a name="forum">Üstteki Bağlantıya Tıklanınca Buraya Gelir</a>
Sayfa Dışı Bağlantı Oluşturma Hazırlamış olduğunuz web sayfaları arasında bağlantılar tanımlayarak başka sayfalar, dokümanlar, resimler arasında geçiş yapabilirsiniz. Sayfa dışına herhangi bir bağlantı (link, köprü) oluşturmak için <a href>…</a> html etiketleri kullanılır.
» Herhangi bir web sayfasına bağlantı oluşturmak; Kod:
<a href=”forumcsdark.com”>ForumCSDark</a>
"ForumCSDark" yazısına tıklanınca "forumcsdark.com" sayfası açılacaktır.
» Hazırlamış olduğumuz site içerisinde link vermek; Kod:
<a href=”index.html”>Ana Sayfa</a>
» Herhangi bir yazıya tıkladığınız zaman resim açılması için; Kod:
<a href=”okul.jpg”>Okulumuzun Resmini Görmek İçin Tıklayınız</a>
» Herhangi bir dosyaya link vermek için; Kod:
<a href=”html.pdf”>Html modülünü indirmek için tıklayınız…</a>
<a href=”resimler.zip”>Bilgisayarınıza indirmek için tıklayınız</a>
Target parametresini kullanarak, açılacak olan sayfa, resim veya dosyanın açılacağı pencereyi belirtebiliriz.
Örnek Kod :
<a href="..." target="..." > </a> Kod:
target="_blank": Bağlantının, yeni bir pencerede açılmasını sağlar.
target="_self": Bağlantının, aynı pencere içerisinde açılmasını sağlar.
target="_top": Bağlantının, aynı pencere içerisinde en üstten itibaren açılmasını sağlar.
target="_parent" : Açılan bağlantı, o anda açık sayfayı oluşturmuş bir ana sayfa varsa onun yerinde açılmasını sağlar.
target="çerçeve(frame) adı": Bağlantının, adı verilen çerçevede açılmasını sağlamak için kullanılır.
Kod:
<a href="forumcsdark.com" target=”_blank”> ForumCSDark</a>
Yukarıdaki örnekte yazıya tıklandığında harici pencerede açar.
E-Posta Adresine Bağlantı Oluşturma Hazırlamakta olduğunuz web sitesi aracılığıyla istenilen herhangi bir e-posta adresine bağlantı oluşturabilirsiniz.
E-posta adresine bağlantı oluşturmak için; Kod:
<a href=”mailto:e-posta adresi”>….</a> komutu kullanılır.
Örnek: E-posta göndermek için tıklayınız yazısına, tıklandığı zaman konu, bilgi ve e-posta adresi gibi bilgilerin girilebileceği e-posta gönderme programı açılacaktır. İstenilen bilgiler yazıldıktan sonra “Gönder” düğmesine tıklandığında, e-postamız gönderilmiş olur.
Bir dersin daha sonuna geldik.Direk bu derse girdiyseniz önceki konularımı da inceleyebilirsiniz.
♦ Emeğe Saygı İçin Beğenmeyi Unutmayın ♦ Önceki Konular Listesi « » Sıfırdan HTML Öğreniyorum (Temel Etiketler) #1 » Sıfırdan HTML Öğreniyorum (Listeleme Etiketler) #2 » Sıfırdan HTML Öğreniyorum (Metin ve Görünüm Düzenleme Etiketleri) #3 Sonraki Konular Listesi » » Sıfırdan HTML Öğreniyorum (Tablolar) #5