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 src="resim yolu">
<img src="dosyalar/logo.jpg">
<img src="http://www.example.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. Sağlıcakla Kalın.