8. RESİMLERE BAĞLANTI (LINK) EKLEMEKBir ö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.
|