Web sitenize bağlamak istediğiniz herhangi bir resim HTML sitenin ulaştığınız bir web sunucusunda barındırılıp barındırılmadığına bakılmaksızın, öncelikle web sayfası için HTML'yi gönderdiğiniz yere yüklenmelidir. FTP veya bir web barındırma hizmeti kullanıyorsunuz. Bir web barındırma hizmeti kullanıyorsanız, muhtemelen hizmet tarafından sağlanan bir yükleme formunu kullanırsınız. Bu formlar genellikle barındırma hesabınızın yönetim bölümünde bulunur.
Resminizi barındırma hizmetine yüklemek yalnızca ilk adımdır. Ardından, onu tanımlamak için HTML'ye bir etiket eklemeniz gerekir.
Görüntüleri HTML ile Aynı Dizine Yükleme
Fotoğraflarınız HTML ile aynı dizinde bulunabilir. Eğer durum buysa:
- Web sitenizin kök dizinine bir resim yükleyin.
- Resmi işaret etmek için HTML'nize bir resim etiketi ekleyin.
- HTML dosyasını web sitenizin kök dizinine yükleyin.
- Sayfayı web tarayıcınızda açarak dosyayı test edin.
Resim etiketi aşağıdaki biçimi alır:
"lunar.jpg" adıyla ayın bir fotoğrafını yüklediğinizi varsayarsak, resim etiketi aşağıdaki biçimi alır:
Yükseklik ve genişlik isteğe bağlıdır ancak önerilir. Bu varsayılan değerler piksel cinsindendir ancak yüzde olarak da ifade edilebilir:
Resim etiketi, bir kapanış etiketi gerektirmez.
Başka bir belgedeki bir resme bağlanıyorsanız, bağlantı etiketleri kullanın ve resim etiketini iç içe yerleştirin.
Görüntüleri Alt Dizine Yükleme
Görüntüleri genellikle adlandırılan bir alt dizinde saklamak daha yaygındır. Görüntüler. Bu dizindeki görsellere işaret etmek için, web sitenizin köküne göre nerede olduğunu bilmeniz gerekir.
Web sitenizin kökü, sonunda herhangi bir dizin olmayan URL'nin görüntülendiği yerdir. Örneğin, "MyWebpage.com" adlı bir web sitesi için kök şu formu izler: http://MyWebpage.com/. Sondaki eğik çizgiye dikkat edin. Bir dizinin kökü genellikle bu şekilde belirtilir. Alt dizinler, dizin yapısında nerede oturduklarını göstermek için bu eğik çizgiyi içerir. MyWebpage örnek sitesi şu yapıya sahip olabilir:
http://MyWebpage.com/ - kök dizin
http://MyWebpage.com/products/ - ürünler dizini
http://MyWebpage.com/products/documentation/ — ürünler dizini altındaki dokümantasyon dizini
http://MyWebpage.com/images/ - resimler dizini
Bu durumda, images dizininde resminizin üzerine geldiğinizde şunu yazarsınız:
Bu denir kesin yol senin imajına.
Görüntülenmeyen Resimlerle İlgili Genel Sorunlar
Görüntülerin web sayfanızda görünmesini sağlamak ilk başta zor olabilir. En yaygın iki neden, görüntünün HTML'nin gösterdiği yere yüklenmemesi veya HTML'nin yanlış yazılmasıdır.
Yapmanız gereken ilk şey, resminizi çevrimiçi olarak bulup bulamayacağınızı görmek. Çoğu barındırma sağlayıcısının, resimlerinizi nereye yüklediğinizi görmek için kullanabileceğiniz bir tür yönetim aracı vardır. Resminiz için doğru URL'ye sahip olduğunuzu düşündükten sonra tarayıcınıza yazın. Görüntü görünüyorsa, doğru konuma sahipsiniz demektir.
Ardından, HTML'nizin o resme işaret edip etmediğini kontrol edin. Bunu yapmanın en kolay yolu, resim URL'si SRC özniteliğine yeni test ettiğiniz. Sayfayı yeniden yükleyin ve test edin.
Resim etiketinizin SRC özelliği asla ile başlamamalıdır. C:\ veya dosya: Web sayfanızı kendi bilgisayarınızda test ettiğinizde bunlar işe yarayacak gibi görünse de sitenizi ziyaret eden herkes bozuk bir resim görecektir. Bunun nedeni, C:\ üzerinde bir konuma işaret etmesidir. sizin sabit disk. Görüntü sabit sürücünüzde olduğundan, görüntülediğinizde görüntülenir, ancak başka kimse için görünmez.