A Etiketi ile Link Oluşturma

<a> etiketi kullanımı

Kullanıcıların web sitemizdeki sayfalar arasında gezinebilmesi için linkler (bağlantı) kullanılır.

Link oluşturmak için a etiketi kullanılır. A etiketleri arasında metin, resim ya da başka nesneler bulunabilir ve tıklandığında başka sayfaların açılmasını sağlar.

Href parametresi ile bağlantı yapılacak sayfanın yolu belirtilir. Yol belirtilirken, gidilecek sayfanın, o sayfaya göre bağıl yolu yazılmalıdır.

Yani iki sayfa aynı yerdeyse (aynı klasör içindeyse) bağlantı yapılacak sayfanın sadece adı yeterlidir. Açılacak sayfa alt klasörlerdeyse o zaman dosya adından önce klasörlerin isimleri de aralarına / konarak yazılmalıdır.

Aşağıdaki kod satırı ile a etiketleri arasındaki metne tıklandığında resimler.html sayfasının açılması sağlanmıştır. Burada linkin bulunduğu sayfa ile bağlantının verildiği resimler.html sayfasının aynı klasörde olduğu varsayılmıştır.

<a href="resimler.html">Resimler için tıklayınız.</a>

Şayet bağlantı verilen sayfa daha alt klasörde ise önce klasör(lerin) isimleri, ardından dosyanın ismi yazılmalıdır. Mesela images klasörü içerisindeki manzara.jpg resmine bağlantı vermek için aşağıdaki kod yazılabilir.

<a href="images/manzara.jpg">Manzara resmi için tıklayınız.</a>

Eğer bağlantı verilen sayfa kendi sitemizde değil de başka bir sitedeyse o zaman http:// ifadesi de dahil o sayfanın tam adresi (url'si) yazılmalıdır.

<a href="http://www.silivrirehberi.com">Silivri Rehberi</a>

Target Parametresi

Sayfamızdaki bir linke tıklandığında, o anki sayfanın yerine bağlantı verilen sayfa açılacaktır. Bunu değiştirmek için target parametresini kullanabiliriz.

Target parametresi sayesinde link verilen sayfanın yeni bir tarayıcı penceresinde ya da istenen frame (çerçeve) içinde açılmasını sağlayabiliriz.

Target parametresinin alabileceği değerler şunlardır:

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 kullanılmadığında olan da budur. 
target="_top": Bağlantının, aynı pencere içerisinde en üstten itibaren açılmasını sağlar. 
target="_parent" : Açılan bağlantının, o anda açık sayfayı oluşturmuş bir ana sayfa ya da frameset varsa onun yerinde açılmasını sağlar. 

target="çerçeve(frame)  adı": Bağlantının,  adı verilen frame içerisinde açılmasını sağlar. (Çerçeve-frame kullanımı hakkında bilgi almak için tıklayınız.)

Boş Link Oluşturma

Bazen bir metin ya da nesnenin link gibi görünmesini, fakat tıklandığında bir yere gitmemesini isteyebiliriz. Bu durumda href parametresine # yazarak boş bir link oluşturabiliriz.

<a href="#">Herhangi bir şey</a>

 

html a etiketi kullanımı, a etiketi örnekleri, html target kullanımı, html link oluşturma

KONU İLE İLGİLİ ÖRNEKLER

Örnek: a etiketi kullanımı Kendin Dene
<p>A etiketi ile nesnelere link <a href="#">verebiliriz</a>. </p>
<p><a href="#">Href parametresine tıklandığında açılacak dosya adresi yazılır.</a></p>
<p>Href parametresine &quot;#&quot; yazarak<a href="#"> boş link </a>oluşturabiliriz.</p>
<p><a href="#" target="_blank">Target parametresi ise açılacak sayfanın hedef çerçevesini belirler.</a></p>


YORUMLAR




12209  kez okundu.

Online Kullanıcı Sayısı 27



A-Etiketi-ile-Link-Oluşturma