HTML ile resim ekleme

mert7

Hectopat
Katılım
13 Haziran 2019
Mesajlar
13


YouTube'den tek başıma öğreniyorum, çok bir bilgim yok. Yardım ederseniz sevinirim.
Bilgisayar fotoğrafın ismi.
 
Son düzenleyen: Moderatör:
@mert7
Kod:
https://www.dijitalders.com/icerik/28/141/img_tagi_nasil_kullanilir.html
 
Resmi masaüstüne at ve kodu ona göre düzenle. Daha sonra HTML belgenin içinde resim satırını aşağıdaki şekilde düzelt.
HTML:
<br><img src="C:\Users\KULLANICI ADIN\Desktop\RESİM ADI.RESİM UZANTISI" width="700"></br>
 
Masaüstüne değilde "Proje deneme" diye klasör açılıp tüm çalışmalar oraya atılsa daha derli toplu olur.
 
Resim dosyasının html dosyası ile aynı kök klasörde olması gerekiyor.
Örnek olarak masaüstünüzde html adında bir klasör olduğunu ve bu klasörün içinde img adında bir klasör olduğunu, img klasörünün içinde resim.jpg dosyasının olduğunu, yapının şu şekilde olduğunu düşünelim.

  • HTML (kök klasör)
    • img
      • resim.jpg​
    • html​

index.html dosyanıda
HTML:
<img src="img/resim.jpg">

olarak işaret etmeniz gerekiyor. Yani aktif dosyadan belirterek yol vermelisiniz.
 
HTML:
<img src="img/resim.png" alt="foto grafı göremiyorsunuz. İnternetinizi kontrol ediniz">
 
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…