Html Dili Resim Ekleme Komutu

HTML’de Resim Ekleme Komutu: Kapsamlı Bir Kılavuz

HTML (HyperText Markup Language), web sayfaları oluşturmak için kullanılan bir işaretleme dilidir. Resimler, web sayfalarına görsel ilgi ve bilgi eklemek için önemli bir unsurdur. HTML’de resim eklemek için <img> etiketini kullanırız. Bu makale, HTML’de resim ekleme komutunu ayrıntılı olarak açıklayacak ve konuyla ilgili faydalı kaynaklar sağlayacaktır.

<img> Etiketi

<img> etiketi, bir web sayfasına resim eklemek için kullanılan bir HTML öğesidir. Aşağıdaki söz dizimine sahiptir:

html
<img src="resim_kaynağı" alt="resim_alternatif_metni">

Önemli Nitelikler:

• src: Resmin kaynağını belirtir. Bu, resmin URL’si veya yerel bir dosya yolu olabilir.
• alt: Resmin alternatif metnini belirtir. Bu metin, resim görüntülenmediğinde veya ekran okuyucular tarafından okunduğunda görüntülenir.

Resim Ekleme Adımları

Bir web sayfasına resim eklemek için şu adımları izleyin:

1. Resmin kaynağını belirleyin (URL veya yerel dosya yolu).
2. Bir metin düzenleyicide veya HTML kod düzenleyicide bir HTML belgesi oluşturun.
3. <img> etiketini uygun yere ekleyin.
4. src niteliğine resmin kaynağını atayın.
5. alt niteliğine resmin alternatif metnini atayın.
6. HTML belgesini kaydedin ve web sunucusuna yükleyin.

Örnek

Aşağıdaki HTML kodu, “resim.jpg” adlı bir resmi “Resim Başlığı” alternatif metniyle web sayfasına ekler:

html
<img src="resim.jpg" alt="Resim Başlığı">

Faydalı Kaynaklar

• HTML Resim Etiketi Referansı
• Resimleri Web Sayfalarına Ekleme
• Alternatif Metin Kılavuzu

İlgili Dosyalar

• HTML Resim Etiketi Örnekleri
• Alternatif Metin Örnekleri

Sonuç

<img> etiketi, HTML’de resim eklemek için kullanılan temel bir öğedir. Resmin kaynağını ve alternatif metnini belirleyerek web sayfalarınıza kolayca görseller ekleyebilirsiniz. Bu kılavuz ve sağlanan kaynaklar, HTML’de resim ekleme konusunda kapsamlı bir anlayış kazanmanıza yardımcı olacaktır.