☰ Dersleri Göster

Img Etiketi (Resim ekleme)

Bu derste web sayfanıza nasıl resim ekleyebileceğinizi öğreneceksiniz.

index.html dosyası ile aynı klasör içerisinde bulunan bir img dosyası oluşturup bu dosyanın içerisine bir fotoğraf yükleyip bu fotoğrafın dosya dizini bilgisini kullanarak fotoğrafınızı web sayfanızda gösterebilirsiniz.

Ben img klasörü oluşturdum ve bu klasörün altına coder.jpg ve laptop.jpg adında 2 tane resim dosyayı koydum. Bu sebeple aşağıdaki kodlarda bu src yani source'u kullandım.

 

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Img - Resim etiketi</title>
</head>
<body>

<img src="img/coder.jpg"  width="32%" height="33%" title="Bir kadın kodlama yapıyor." alt="Resim bulunamadı">
<img src="img/laptop.jpg"  width="32%" height="33%" title="Laptop" alt="Resim bulunamadı">
<img src="https://yt3.ggpht.com/a/AGF-l7_j0zZaO9GhrnlTYtMP_VOUd3jOYr8KVTCXZQ=s176-c-k-c0x00ffffff-no-rj-mo"  width="32%"  height="33%" title="Kodlamak çok güzeldir" alt="Resim bulunamadı">

</body>
</html>