HTML ile Bağlantı oluşturma

31 Aralık 2014 - 423 Okunma
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 […]

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.

 

 

ITC | İlkteknoloji