Neredeyse tek bir satır HTML kodu ile herhangi bir web sitesine tıklanabilir bir resim ekleyebilirsiniz. Bunu yapabilmek için iki şeye ihtiyacınız olacaktır: resmin URL’si ve web sitenin URL’si. Bu ikisi varsa bu durumda aşağıdaki adımları sırayla uygulayarak web sitenizde resimlere link(bağlantı) ekleyebilirsiniz.
[the_ad id=”17227″][the_ad id=”17228″]
HTML Kodunu Yazma
1HTML dosyası oluşturun. Notepad vb. bir metin editörü açın ve bu dosyayı “index.html” şeklinde isimlendirerek kaydedin.
- İstediğiniz herhangi bir metin düzenleyicisini kullanabilirsiniz. Windows işletim sistemini kullanıyorsanız bir Not Defteri, Mac OS X kullanıyorsanız ise TextEdit kullanabilirsiniz.
- HTML ile profesyonelce çalışmak için tasarlanmış bir metin editörü kullanmak istiyorsanız, bu durumda Atom’u buraya tıklayarak indirebilirsiniz. Mac OS X, Linux ve Windows üzerinde çalışan bir düzenleme editörüdür.
- TextEdit kullanıyorsanız, HTML kodlarını yazmaya başlamadan önce, Biçim(Format) menüsüne tıklayın açılan menüden de Düz Metin(Plain Text)’ e tıkayın. Bu ayar, bir web tarayıcısında HTML dosyasını yüklerken düzgün olarak yüklemenizi sağlayacaktır.
- Microsoft Word gibi kelime işlemciler, HTML yazmak için pek de kullanışlı değildir. Word gibi programlar otomatik biçimlendirme vb. yaparak HTML dosyalarına zarar verebilir.
[mam][mom]
2Standart HTML kodunu kopyalayıp yapıştırın. Aşağıdaki HTML kodunu kopyalayın ve sonrasında oluşturduğunuz index.html dosyasına bu kodu yapıştırın.<a href=”HEDEF URL”><img src=”RESİM URL” /></a>
3Resim URL’sini bulun. İnternet üzerinden bir resim bulun, resme sağ tıklayarak URL’yi kopyalayın.
- Safari tarayıcı kullanıyorsanız “görüntü adresini kopyala” seçeneğini, Chrome kullanıyorsa “görüntü URL’sini kopyala” seçeneğini, İnternet Explorer ya da Firefox kullanıyorsanız bu durumda da “görüntü konumunu kopyala” seçeneğine tıklamanız yeterlidir.
4Resmin URL’sini ekleyin. Index.html dosyasında, URL’yi yapıştırmak için “RESİM URL” kısmını seçerek “Ctrl +V” tuşlarına basın.
5Hedef URL’yi ekleyin. Bu örnekte HEDEF URL olarak “http://www.google.com” yazacağız. Index.html dosyasındaki HEDEF URL kısmını silin ve oraya google adresini yazın.
- Dilerseniz Hedef URL olarak dilediğiniz bir URL’yi kullanabilirsiniz.
6HTML dosyasını kaydedin.
7Herhangi bir web tarayıcısında HTML dosyasını açın. Bunu yapabilmek için index.html dosyasına sağ tıklamanız ve açılan pencereden istediğiniz tarayıcıyı seçmeniz gerekir.
- Tarayıcıyı açtığınız halde görüntüyü göremiyorsanız muhtemelen resmin adını yanlış yazmışsınız. index.html dosyasını tekrar açın ve resmin ismini kontrol edin.
- Dosyayı tarayıcıda açtığınız zaman resim yerine kodlar görüyorsanız, ya dosyayı .html olarak kaydetmemişsinizdir ya da başka bir metin editörü kullanarak bu işlemi tekrar denemeniz gerekir.
[the_ad id=”17269″][the_ad id=”17268″]