HTML'ye Nasıl Resim Konur

İçindekiler:

HTML'ye Nasıl Resim Konur
HTML'ye Nasıl Resim Konur

Video: HTML'ye Nasıl Resim Konur

Video: HTML'ye Nasıl Resim Konur
Video: Html Resim Ekleme 2024, Kasım
Anonim

Bir web sayfasındaki metin, gösterildiğinde çok daha okunabilir. HTML bu amaç için img etiketini saklı tutar. Bunu diğer etiketlerle birlikte kullanarak, aynı görüntünün daha büyük bir versiyonu da dahil olmak üzere bir resmi aktif bir bağlantı haline getirebilirsiniz.

HTML'ye nasıl resim konur
HTML'ye nasıl resim konur

Talimatlar

Aşama 1

Resim dosyası ve HTML dosyası aynı klasörde bulunuyorsa, resmi eklemek için aşağıdaki HTML kodunu kullanın: burada resimadı.jpg

Adım 2

Görüntü dosyası aynı sunucuda ancak farklı bir klasörde bulunuyorsa, bu yapıyı aşağıdaki gibi değiştirin: burada /klasör/başkaklasör/görüntüadı.jpg

Aşama 3

Diğer sunucularda depolanan görüntüleri dikkatli bir şekilde yerleştirin - burada sızıntıya karşı koruma etkinleştirilebilir ve ardından istenen görüntü yerine sayfanızın ziyaretçisi bu tür bir koruma hakkında bir uyarı görür. Böyle bir koruma yoksa ve üçüncü taraf sunucunun sahibi orada saklanan görüntülerin diğer kişilerin sayfalarına eklenmesine itiraz etmezse, aşağıdaki kod parçasını kullanın: burada https://sunucu.alanadi/klasör/başka bir klasör/görüntüadı.jpg, başka bir sunucudaki görüntü dosyasının tam yoludur.

4. Adım

Resmin aynı zamanda başka bir sayfaya bağlantı olması için aşağıdaki kodu kullanın:, burada linktext bağlantı adresidir (yerel veya global).

Adım 5

Son olarak, kullanıcı resmi tıkladığında, kullanıcının büyütülmüş kopyasını görebilmesi için önceki parçayı aşağıdaki gibi değiştirin: burada resimadı-büyük.jpg, büyük resmin bulunduğu dosyanın adıdır, resimadı-küçük.jpg

Önerilen: