HTML Sayfanın arkaplanına resim ekleme


HTML sayfalarda arkaplan resmi nasıl eklenir sorusuna cevap vermeye çalışacağım.
Aşağıdaki görmüş olduğunuz kodlar sayesinde CSS kullanmadan body etiketi ile sayfanın arkaplanına resim ekleyeceğiz.
 Kodlarda bulunan background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie5nRcJHRU3fwy6ziFWVAYXJjJEyNxDCTadP_J-WqZasbN_doRg5AabDybECXVX4KE9AzmWSub7pc6Ii4AuX0u3cdU-VY4BezoAfRiU62uS1Cr5NGsLq2m1Oll6ZKDFm8qI4bPOENIdYQl/s900/background.png"  bölümündeki resim dosyası sayfamızın arkaplan resmidir.Bunu istediğiniz resim ile değiştirerek sayfanızın arkaplanını değiştirebilirsiniz.
<!DOCTYPE html>
<html>
<body background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie5nRcJHRU3fwy6ziFWVAYXJjJEyNxDCTadP_J-WqZasbN_doRg5AabDybECXVX4KE9AzmWSub7pc6Ii4AuX0u3cdU-VY4BezoAfRiU62uS1Cr5NGsLq2m1Oll6ZKDFm8qI4bPOENIdYQl/s900/background.png">
<h1>Merhaba Dünya!</h1>
<p><a href="http://yeniwebmaster.blogspot.com">YeniWebmaster.Blogspot.com</a></p>
<p>Html'de arkaplan resim değiştirme denemesidir.</p>
</body>
</html>

Yer: Türkiye

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

Mouse ile üzerine gelince değişen resim | HTML + CSS

Merhaba arkadaşlar.Uzun bir aradan sonra yeni bir paylaşım yapıyorum.Basit ama web sayfanizda kullanınca göze güzel görünecek bir özellikten bahsedeceğim.Özelliğimiz; Mouse ile resim üzerine gelince değişip üzerinden çekince eski haline gelen resimler. Bu özelliği menülerde,butonlarda yada resim paylaşımlarında kullanabilirsiniz. Hemen kodları deneyelim.Masaüstünüze index.html,resim1.jpg,resim2.jpg dosyaları ekleyin.Ardından not defteri ile index.html dosyasını açıp içine aşağıdaki kodları ekleyip kaydedelim. <html> <style> #degisenresim {     height: 70px;     width: 120px;     background-image: url('resim1.jpg'); } #degisenresim:hover {     background-image: url('resim2.jpg'); } </style> <img id="Library"> </html> Kodları kaydettikten sonra index.html dosyasını tarayıcı ile açtığınızda sayfada resim1.jpg'yi göreceksiniz üzerine mouse götürdüğünüzde resim1 kaybolacak yerine resim2.jpg görünecektir...
Devamı

HTML içinde görünmeyen yazı

Resim
HTML sayfa içinde görünmesini istemediğimiz,kod açıklaması vb. sebebler için kullandığımız yazıları nasıl saklarız onu paylaşıyorum.   <!-- Gizli yazı --> şeklinde eklenen içerikler gizli olur sayfada görünmez. Örnek: <!--Buraya yazılan yazılar sayfada görünmez <a href="http://yeniwebmaster.blogspot.com/">Webmaster Blog</a>  -->
Devamı

PHP içinde görünmez yazı yazmak,PHP sayfada görünmeyen yazı yazmak

<?php // Tek satır kod için bunu kullanın # Yine başka tek satırlı işlemlerde kullanabilirsiniz /* buraya gelecek kodlar veya yazılar sayfada görünmez.Birden fazla satır için bunu kullanın. */ $x =  5   /* + 15 */  +  5 ; echo  $x; /* Örnek olarak yukarıdaki işlemde sadece 5+5 işlemini görecektir +15 yazan kısım görünmez olacaktır ve yok sayılacaktır */ ?> Umarım bu paylaşım işinize yaramıştır
Devamı