VnexTR: Bilişim Forumu

Tam Versiyon: Sıfırdan HTML Öğreniyorum (Bağlantı Oluşturma) #4
Şu anda arşiv modunu görüntülemektesiniz. Tam versiyonu görüntülemek için buraya tıklayınız.
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:
Kod:
<a href=”mailto: [email protected]”> E-posta göndermek için tıklayınız.</a>
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
+likee
Merhaba arkadaşlar;
Sıfırdan HTML Öğreniyorum konularının sonlarına eğitim akıcılığı amacıyla,konular arası geçiş linkleri eklenmiştir.
Konu sonlarında;

  Sonraki 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
» Sıfırdan HTML Öğreniyorum (Bağlantı Oluşturma) #4
» Sıfırdan HTML Öğreniyorum (Tablolar) #5

Benzer şekilde konular arası geçiş linkleri eklenmiştir.
Derslere olan ilgi için teşekkür ederim.Sağlıcakla kalın Gülümse
(25-11-2019, Saat: 21:20)The Simtem Adlı Kullanıcıdan Alıntı: [ -> ]Merhaba arkadaşlar;
Sıfırdan HTML Öğreniyorum konularının sonlarına eğitim akıcılığı amacıyla,konular arası geçiş linkleri eklenmiştir.
Konu sonlarında;

  Sonraki 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
» Sıfırdan HTML Öğreniyorum (Bağlantı Oluşturma) #4
» Sıfırdan HTML Öğreniyorum (Tablolar) #5

Benzer şekilde konular arası geçiş linkleri eklenmiştir.
Derslere olan ilgi için teşekkür ederim.Sağlıcakla kalın Gülümse

Eline koluna sağlık Gülümse
Başarılı konu teşekkür ederim kardeşim  Parmak At
Saoll
İlginiz için teşekkür ederim Gülümse
Teşekkür ederiz broom Gülümse