HTML dilinin sözdizimi, yalnızca metinsel değil, aynı zamanda grafiksel olarak da köprüler oluşturmanıza olanak tanır. Bir site ziyaretçisi için böyle bir bağlantı resim gibi görünür ve resme tıkladığınızda başka bir web sayfasına gidersiniz.
Talimatlar
Aşama 1
Herhangi bir grafik düzenleyiciyi kullanarak görüntüyü küçültün. Herhangi bir koordinattaki boyutu 200 pikseli geçmemelidir. Resmin yatay bir düzeni varsa daha iyidir. Bu, örneğin, yazıtın sanatsal bir yazı tipinde yapıldığı sanal bir düğme olabilir. Görüntü formatı aşağıdakilerden biri olmalıdır: JPG, PNG, GIF. İlki fotoğraflar için tercih edilir ve kalan ikisi çizgi sanatı için tercih edilir (bu en iyi sıkıştırmadır). Orijinali bozmamak için değişikliğin sonucunu yeni bir adla kaydettiğinizden emin olun.
Adım 2
Görüntü dosyasını, HTML dosyasının bulunduğu klasördeki sunucuya yükleyin. Böyle bir indirmeyi gerçekleştirmek için web arayüzünü (barındırma sağlayıcısından mevcutsa) veya herhangi bir FTP istemci programını kullanabilirsiniz.
Aşama 3
Aşağıdaki kod parçacığını HTML dosyasında istediğiniz yere yerleştirin: burada "href =" operatöründen sonraki ifade, bağlantının yönlendirdiği adrestir ve someimage.gif, resim dosyasının adı ve uzantısıdır.
4. Adım
Bazı kullanıcılar için tarayıcıda resimlerin görüntülenmesi devre dışı bırakılmıştır. Bu nedenle, bağlantının doğrudan resmin altına nereye gittiğine dair bir açıklama yerleştirmeniz önerilir. Bu durumda, yukarıdaki kod parçasını şöyle görünecek şekilde değiştirin:
Böcekler portre. Resmin altında açıklayıcı metin görünecektir. Tıkladığınızda da bağlantıya yönlendirilirsiniz.
Adım 5
HTML dosyasının güncellenmiş sürümünü sunucuya yükledikten sonra, ilgili sayfayı tarayıcıda açın ve ardından görüntünün görüntülendiğinden ve bağlantının geçerli olduğundan emin olun. Üzerindeki geçiş, hem resme hem de altında bulunan açıklayıcı yazıya (varsa) tıkladığınızda gerçekleşmelidir.
