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

HTML Biçimlendirme Etiketleri HTML Biçimlendirme Etiketleri

29 Aralık 2014, Pazartesi

SİZDE YORUM YAPIN

Vimeo Nedir?

Vimeo Nedir? 23 Aralık 2014, Salı

YouTube Videolarından GIF Yapın

YouTube Videolarından GIF Yapın 12 Aralık 2014, Cuma

Open DNS ile engelleri kaldırın

Open DNS ile engelleri kaldırın 1 Aralık 2014, Pazartesi

Ücretsiz Adwords Kuponu Alma

Ücretsiz Adwords Kuponu Alma 2 Aralık 2016, Cuma

USB Bellekten Windows 7 Yüklemek

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

Android Öğreniyorum Android Dersleri

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

Facebook Gruba Toplu Arkadaş Ekleme

Facebook Gruba Toplu Arkadaş Ekleme 20 Şubat 2016, Cumartesi

GTA V Hala Çıkışta

GTA V Hala Çıkışta 12 Şubat 2016, Cuma