Html Bilgisayardan Resim Ekleme

Bilgisayardan HTML’ye Resim Ekleme: Kapsamlı Bir Kılavuz

HTML, 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. Bu makale, bir bilgisayardan HTML’ye resim ekleme sürecini adım adım açıklayacaktır.

Adım 1: Resim Dosyasını Hazırlayın

İlk adım, web sayfanıza eklemek istediğiniz resim dosyasını hazırlamaktır. Resim dosyası aşağıdaki formatlardan birinde olmalıdır:

JPEG (.jpg)
PNG (.png)
GIF (.gif)
SVG (.svg)

Resmin boyutunu ve çözünürlüğünü web sayfanızın tasarımına göre ayarlayın.

Adım 2: Resim Dosyasını Web Sunucunuza Yükleyin

Resim dosyanızı web sunucunuza yüklemeniz gerekir. Bunun için bir FTP (Dosya Aktarım Protokolü) istemcisi kullanabilirsiniz. FTP istemcisi, bilgisayarınız ile web sunucunuz arasında dosya aktarmanıza olanak tanır.

Web sunucunuza bağlandıktan sonra, resim dosyanızı web sayfanızın görüntüleneceği dizine yükleyin.

Adım 3: HTML Koduna Resim Ekleme

Resim dosyanızı web sunucunuza yükledikten sonra, HTML kodunuza resim ekleyebilirsiniz. Bunu yapmak için <img> etiketini kullanın. <img> etiketi aşağıdaki özniteliklere sahiptir:

src: Resim dosyasının URL’sini belirtir.
alt: Resmin alternatif metnini belirtir. Bu metin, resim görüntülenemiyorsa tarayıcı tarafından görüntülenir.
width: Resmin genişliğini piksel cinsinden belirtir.
height: Resmin yüksekliğini piksel cinsinden belirtir.

Örneğin, aşağıdaki HTML kodu bir resim ekler:

html <img src="resim.jpg" alt="Resim Açıklaması" width="200" height="150">

Adım 4: HTML Kodunu Kaydedin ve Sayfayı Yükleyin

HTML kodunuzu kaydedin ve web sayfanızı web tarayıcınızda yükleyin. Resmin web sayfanızda görüntülendiğini görmelisiniz.

İpuçları

Resimlerinizi optimize edin. Bu, dosya boyutlarını azaltarak web sayfanızın daha hızlı yüklenmesini sağlar.
Resimlerinize alternatif metin ekleyin. Bu, erişilebilirlik için önemlidir ve arama motorlarının resimlerinizi dizine eklemesine yardımcı olur.
Resimlerinizi duyarlı hale getirin. Bu, resimlerin farklı ekran boyutlarında iyi görünmesini sağlar.
Telif hakkına tabi resimleri kullanmaktan kaçının.