HTML: Bağlantı (Link) Oluşturma

2
10155

Konu

#1
Html dilindeki tüm bağlantılar <a> etiketi ile sağlanır. <a> etiketi bazı parametreler yardımıyla kullanılır.
Site İçi Bağlantı Oluşturma
<a> etiketi yardımıyla siteniz içerisindeki diğer sayfalara bağlantı oluşturabilirsiniz. Bu işlem için en az 2 adet html uzantılı sayfanızın olması gerekir.


Kod:
<html>
<head>
<title>Bağlantı Oluşturma</title>
</head>
<body>
Bizimle bağlantıya geçmek için aşağıdaki bağlantıya tıklayın. </br>
<a href="https://www.webailesi.com/yonlendir.php?link=iletisim.html">İLETİŞİM</a>
</body>
</html> 




Yukarıdaki kodu html uzantısı ile kaydettiğinizde aşağıdaki gibi bir ekran çıktısı oluşur. Ziyaretçi İLETİŞİM yazısına tıkladığında iletisim.html sayfası mevcutsa bu sayfanın içeriği görüntülenir. Tabi bu iki sayfanın aynı dizin (klasör) içerisinde olması gerekir. Dikkat ettiyseniz <a> etiketinin href parametresi yönlendirilecek sayfayı gösterir.

9NzM73 
Eğer link vereceğiniz sayfa başka bir klasör içerisindeyse aşağıdaki şekilde bağlantı oluşturulabilir.

Kod:
<a href="https://www.webailesi.com/yonlendir.php?link=sayfalar%2Filetisim.html">İLETİŞİM</a> 
Site Dışı Bağlantı Oluşturma

Site dışı dediğimizde kendimize ait olmayan farklı bir site kastedilir. Örneğin sitenizden facebook sayfanıza veya youtube kanalınıza bağlantı oluşturabilirsiniz.

Kod:
<a href="https://www.facebook.com/">FACEBOOK SAYFAMIZ</a> 

Dikkat: Burada dikkat edilecek kısım site adresinin tam ve doğru şekilde yazılıp, başına http:// veya https:// önekinin eklenmesidir.

Resim Dosyasına Bağlantı Oluşturma
Sitenizde bazı durumlarda küçük resimlerin üzerine tıklandığında resmin büyük halinin veya ilgili içeriğin görüntülenmesini isteyebilirsiniz. Buda aslında bir link oluşturma işlemidir. Derslerimde web sayfalarına resim dosyaları eklemeyi daha göstermedim. Fakat bu işlem <a> etiketinin çok fazla kullanıldığı kısımlardan biri olduğu için konuya değinmekte fayda var.
Kod:
<html>
<head>
<title>Bağlantı Oluşturma</title>
</head>
<body>
Resmi tam boyutunda görmek için üstüne tıklayınız. </br>
<a href="https://www.webailesi.com/yonlendir.php?link=resimler%2Fbuyukresim.jpg"><img src="resimler/kucukresim.jpg"></img></a>
</body>
</html> 


Bu örnekte resimler klasörü içerisindeki resmin küçük hali sayfa içerisinde direk görüntülenmektedir. Resmin üzerine gelip tıkladığınızda aynı klasör içerisindeki resmin büyük hali gösterilir. Eğer küçük resme tıklandığında farklı bir sayfa görüntülenmesini istiyorsanız sayfanın ismini href parametresine yazmanız yeterli olacaktır.

E-posta adresime bağlantı oluşturmak günümüzde çok fazla kullanılmadığı için değinmedim. İhtiyaç duyarsanız internetten araştırarak kolayca bulabilirsiniz.
Html ile link (bağlantı) oluşturma işlemini tek bir etiketle kolayca yaptık.

İyi forumlar.
Discord: PawNod#6281 - Instagram - Eklenti yazmayı bıraktım sadece marketteki eklentilerin satışı için ulaşabilirsiniz.
Cevapla
#2
Teşekkürler
Cevapla
#3
Teşekkürler
Cevapla

Bir hesap oluşturun veya yorum yapmak için giriş yapın

Yorum yapmak için üye olmanız gerekiyor

ya da

Benzer Konular

Kayıt Ol