Free Web Hosting Provider - Web Hosting - E-commerce - High Speed Internet - Free Web Page
Search the Web

Click here!

  Önceki  |  Sonraki  |  İçindekiler  |

8. RESİMLERE BAĞLANTI (LINK) EKLEMEK

Bir önceki bölümde sizin sayfanızdan başka HTML dökümanlarına ulaşılabilmesini sağlayan bağlantıları nasıl ekleyeceğinizi ve <A HREF=""> TAGını kullanmayı öğrendiniz. Bu bölümde de linkleri resimlerle ilişkilendirmeyi öğreneceğiz. 

Sayfanıza resim eklemeyi öğrenmiştiniz. <IMG SRC=""> bu işe yarıyordu. Aslında HTML TAGlarının kendileri de tıpkı metinler gibi başka TAGların içine sarılabilir. Resimlere eklenen linkler bunun en güzel örneklerinden biridir. Lafı uzatmadan bir örnekle açıklayalım.

<A HREF="http://www.hotmail.com"> <IMG SRC="resim1.gif"> </A>

Gördüğünüz gibi resmimiz <A HREF=""> ve </A> ile çevrelenmiştir. Bir resme link eklemek için yapacağınız tek şey aynı bir yazıya link eklerken yaptığınız gibi <IMG SRC=""> TAGının sağ tarafına <A HREF=""> ve sol tarafına da </A> yazmanızdır.

Aşağıda link eklenmiş bir resim bulunmaktadır. Resme tıklarsanız hotmail'in anasayfasına gideceksiniz.Resmin yanında da asıl kodunu göreceksiniz.
 

<A HREF="http://www.hotmail.com">
<IMG SRC="timsah.gif"> </A>

Şimdi daha önce "ilk.html" sayfanıza yerleştirdiğiniz resimlere birer link ekleyin. Resimlerle ilgili hatırlamak istediğiniz konular varsa bir kez daha resimler bölümünü gözden geçirebilirsiniz.

Sonraki bölüm: Sayfanızı Geliştirin.

  Önceki  |  Sonraki  |  İçindekiler  |