HTML’e Resim Eklemek

3 Ocak 2015 - 255 Okunma
HTML’e Resim Eklemek
HTML sayfamıza resim eklemek için <img src=””  /> etiketini kullanırız. Sayfanızda bir resim görüntüleyebilmek için src= parametresi kullanılır. Src; source (kaynak) anlamına gelir. SRC parametresine görüntülemek istediğiniz resmin dosya yolunu yazarız. img etiketimizde alt=”” kodunu kullanarak fareyle üstüne geldiğimizde görünecek açıklamalar yazabiliriz. Eğer tıklanabilir link özellikli bir resim kullanmak istiyorsak kodumuz aşağıdaki gibi olmalıdır. Href karşısına […]

HTML sayfamıza resim eklemek için <img src=””  /> etiketini kullanırız. Sayfanızda bir resim görüntüleyebilmek için src= parametresi kullanılır. Src; source (kaynak) anlamına gelir. SRC parametresine görüntülemek istediğiniz resmin dosya yolunu yazarız.


<img src="resim yolu">
<img src="dosyalar/logo.jpg">
<img src="http://www.site.com/dosyalar/logo.jpg">

img etiketimizde alt=”” kodunu kullanarak fareyle üstüne geldiğimizde görünecek açıklamalar yazabiliriz.


<img src="dosyalar/logo.jpg" alt="Site Logosu">

Eğer tıklanabilir link özellikli bir resim kullanmak istiyorsak kodumuz aşağıdaki gibi olmalıdır.


<a href="#"><img src="logo.jpg" alt="Site Logosu"></a>

Href karşısına # olan yere resme tıklandığımızda gidilecek bağlantıyı yazarız. img kodunun içinde de HTML Biçimlendirme’de gördüğümüz align ve border özelliklerini kullanabiliriz.


<img src="logo.jpg" alt="Site Logosu" border="0" align="right">

Eğer resmi sağa dayamak istiyorsak right, sola dayamak istiyorsak left yazmamız gerekir.

ITC | İlkteknoloji