HTML ile Bağlantı oluşturma

HTML sayfamızda link kurmak için hyperlink özelliğini kullanırız. Bunun içinde <a>…</a> kodunu href ile birlikte kullanırız. Bu etiketi kullanarak başka bir sayfaya, web sitesine veya mail’e bağlantı yapabiliriz. Bunun dışında Müzik, zip, rar dosyalarını da bu linklendirmeyle bağlantı olarak verebiliriz.

<a> Etiketi ve Href parametresi

HTML başka bir sayfaya link oluşturmak için <a> etiketini kullanır demiştik. Önce yapısını, sonra örneğini görelim;

<a href="url">Görüntülenecek Metin</a>
// A etiketinin yapısı yukarıdaki gibidir

Şimdi örneğimize geçelim.

<!DOCTYPE html>
<html>
 <head>
  <title>HTML'de Bağlantı Oluşturma Örnekleri</title>
 </head>
 <body>
 <a href="index.htm">Index e gidin(Sayfa)</a>
 <a href="http://www.ilkteknoloji.com/">Ana sayfa için tıklayın (Site)</a>
 <a href="mailto:ilkteknoloji@gmail.com">Bize e-mail göndermek için tıklayın (E-mail)</a>
 </body>
</html>

Burada önemli olan başka bir siteye link verirken http:// kısmını kesinlikle yazmanız gerekmektedir.

Bağlantıyı Yeni Pencerede Açmak (Target)

Target parametresiyle sayfanın nerde açılacağını belirtebilirsiniz. Yeni pencerede açmak için target=”_blank” parametresini kodumuza ekliyoruz.

<!DOCTYPE html>
<html>
 <head>
  <title>HTML'de Bağlantı Oluşturma Örnekleri</title>
 </head>
 <body>
 <a href="http://www.ilkteknoloji.com/" target="_blank">Ana sayfa için tıklayın (Site)</a>
 </body>
</html>

Sayfa İçi Bağlantılar ve Name Etiketi

HTML‘de özellikle uzun sayfalarda sayfanın belirli bir bölümüne link vermek gerekebilir. Bu parametre ile aynı döküman içinde belirlenmiş başka bir satıra direkt geçiş yapılabilir. Bunun için name=”” özelliğinden yararlanırız.

Bunu bir örnekle açıklayalım;

Öncelikle sayfa içinde bağlantı vereceğimiz yere giderek (Örneğimizde body etiketinin açılışına yakın yere) <a name=”etiketust”></a> şeklinde yer imimizi belirliyoruz. Şimdi HTML sayfamızın üst bölümünü işaretledik. Yaptığımız işarete link vermek için sayfa içerisinde altlara doğru bir yere <a href=”#etiketust”>Sayfabaşı</a> şeklinde bir bağlantı yapıyoruz.

Şimdi Sayfamızda aşağıda bulunan SayfaBaşı linkine bastığımızda sayfa üste çıkar.

 

 

DAHA FAZLA İÇERİK

PHP Operatörleri: Aritmetik Operatörler PHP Operatörleri: Aritmetik Operatörler

13 Aralık 2014, Cumartesi

PHP Fonksiyonları: Empty() Kullanımı PHP Fonksiyonları: Empty() Kullanımı

20 Mayıs 2015, Çarşamba

SİZDE YORUM YAPIN

USB Bellekten Windows 7 Yüklemek

USB Bellekten Windows 7 Yüklemek 21 Kasım 2016, Pazartesi

Windows 10 için Önemli Uyarı!

Windows 10 için Önemli Uyarı! 10 Şubat 2016, Çarşamba

Windows Store Çıkışta

Windows Store Çıkışta 5 Şubat 2016, Cuma

Windows 10 Nasıl Kurulur?

Windows 10 Nasıl Kurulur? 5 Haziran 2015, Cuma

Android Öğreniyorum Android Dersleri

Android Öğreniyorum Android Dersleri 5 Mayıs 2016, Perşembe