REKLAM ALANI

Sıfırdan HTML Öğreniyorum (Bağlantı Oluşturma) #4

Sıfırdan HTML Öğreniyorum (Bağlantı Oluşturma) #4

avatar ^Phoenix^
քɦօɛռɨӼ ɖɨʐǟʏռ
900
#1
Yorumu Paylaş

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
deneme
քɦօɛռɨӼ ɖɨʐǟʏռ

Konuda Ara

7 Yorum

picakdarbesi

Forum Üyesi

Kayıtlı Üye Grubu
avatar
picakdarbesi
25-11-2019, Saat: 20:50
25-11-2019, Saat: 20:50
#2
Yorumu Paylaş
+likee

^Phoenix^

քɦօɛռɨӼ ɖɨʐǟʏռ

Aktif Üye
avatar
^Phoenix^
25-11-2019, Saat: 21:20
25-11-2019, Saat: 21:20
#3
Yorumu Paylaş
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

LapapeL

Aktif Üye

Aktif Üye
avatar
LapapeL
25-11-2019, Saat: 21:25
25-11-2019, Saat: 21:25
#4
Yorumu Paylaş
The Simtem Adlı Kullanıcıdan Alıntı: Yoruma gitMerhaba 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

Dan Wayne

Forum Üyesi

Kayıtlı Üye Grubu
avatar
Dan Wayne
30-11-2019, Saat: 15:31
30-11-2019, Saat: 15:31
#5
Yorumu Paylaş
Başarılı konu teşekkür ederim kardeşim  Parmak At

Mikola Krus

Forum Üyesi

Kayıtlı Üye Grubu
avatar
Mikola Krus
30-11-2019, Saat: 15:36
30-11-2019, Saat: 15:36
#6
Yorumu Paylaş
Saoll

^Phoenix^

քɦօɛռɨӼ ɖɨʐǟʏռ

Aktif Üye
avatar
^Phoenix^
06-12-2019, Saat: 20:10
06-12-2019, Saat: 20:10
#7
Yorumu Paylaş
İlginiz için teşekkür ederim Gülümse

Baran Yılmaz

Aktif Üye

Aktif Üye
avatar
Baran Yılmaz
30-01-2020, Saat: 10:57
30-01-2020, Saat: 10:57
#8
Yorumu Paylaş
Teşekkür ederiz broom Gülümse


Konuyu Okuyanlar: