Kategoriler: Html

Html Sayfasına Arka Plan Ekleme

Oluşturacağımız html sayfalarının arka planına  bir resim ekleyebilir veya arka plan rengini değiştirebiliriz.

İlk olarak arka plan için renk belirleyelim.Bunun için sayfamızın başında yazdığımız <body> etiketinin bgcolor özelliğini kullanmalıyız. <body bgolor=”green”> yazarsak arka plan rengimiz yeşil olacaktır.Arka plan rengini doğrudan yazmak yerine, istediğimiz rengin kodunu da yazabiliriz.Yani <body bgcolor=”#FFCCFF”> olarak da yazabilir.Renklerimizin html kod karşılıklarını bulmak için google üzerinden  Html renk kodları olarak aratabilirsiniz.

Bunun için bir html sayfası örneği verelim;

<html>
    <head>
       <title>Sayfamızın arka plan rengi</title>
    </head>
    <body bgcolor="#FF00FF">
       Mehmet Kirazlı Web Sitesi
    </body>
 </html>

Bu kodları Notepad++ da yazıp uzantısını .html olarak kaydedersek oluşacak çıktımız ;

Sayfamızın arka planına sabit bir renk değil de bir resim eklemek istiyorsak kullanacağımız özellik background dır.Kullanımı ise ; <body background=”Resmimizin yolu”> Resim yolundan kastımız, ekleyeceğimiz resmin bilgisayarımızdaki yoludur.Mesela masaüstünde deneme.jpg adlı bir resmimiz varsa eklenecek kodumuz : <body background=”deneme.jpg”> olacaktır. Tabi eğer html dosyamız da masaüstünde ise. Masaüstünde değilse o anki konumunu, yukarıdaki adres çubuğuna tıklayarak öğrenebiliriz. Uzantımız gif veya png gibi farklı bir uzantı ise onu da belirtmeliyiz.Eğer bilgisayarımızdan değil de herhangi bir sitedeki resmi ekleyecek isek ,ekleyeceğimiz resmin sitedeki url sini yazmalıyız.Bunun için resme sağa tıklayıp resim url’sini kopyala veya resim konumunu kopyala kısmından url sini almalıyız.Aldıktan sonra deneme.jpg olan yere,url adresini yazıyoruz.Daha iyi anlamamız açısından buna bir örnek verelim;

<html>
    <head>
       <title>Sayfamızda görüntülenecek başlık</title>
    </head>
    <body background="http://www.resimvadisi.com/data/media/1705/kizkulesi.jpg">
       Mehmet Kirazlı Web Sitesi
    </body>
 </html>

Bunu yaptığımızda arkaplan resmimiz,belirtilen url deki resim olacaktır

Mehmet Kirazlı

İstanbul Eyüp'te ikamet ediyorum. Giresun Alucra'lıyım. Bilgisayar Mühendisliği bölümünden 2013 yılında mezun oldum. "Yeni Başlayanlar için Java 8" kitabının yazarıyım. Şu anda özel bir firmada Mobil Yazılım Geliştirme Uzmanı olarak çalışıyorum.

Yorumları Göster

  • tamam iyi güzelde bende bazı resimler binlerce parçaya bölünüyor onun içinde bir kod yazarsan sevinirim
    html de yeniyimde biraz

    site kodum

    İLK site kodlamam arkdaşlar saygılı olursanız sevinirim :D

    nasıl gidiyorum
    bugün başladım şimdi

  • ben de yaptım internet url si koydum resim koydum ama resimler küçük oldupunddan sayfa da bir sürü çıkıyo resim küçük kalıyo heralde nasıl düzeltirim
    lütfen yardım

    • tekrarlanmayı kapatmalısın no repeat gibi bişeydi internette arqaştırırsan bulursun

  • bu eklediğimiz arka plan resmine link nasıl eklenir. yani demek istediğim arka plan resmine tıkladığımızda belirlediğimiz bir link açılsın istiyorum. bunu yapabiliyormuyuz.

  • Merhabalar. Verdiğiniz bilgiler için teşekkürler. Kabul ederseniz size bir iş teklifim olacak. Lütfen detaylar için bana; aşağıda kayıt ettiğim epostadan ulaşın.

    • Merhaba. Siz bana sosyal medya hesaplarım üzerinden ulaşırsanız daha doğru olur. İyi günler dilerim.

Son Gönderiler

Android Firebase Event (not set) Hatası Çözümü

Merhaba. Firebase Events'e istatistik attığınızda not set şeklinde bir değer görüyorsanız olası çözümünü göstereceğim. (daha&helliip;) Daha Fazla Oku

% gün önce

Namaz Vakitleri Uygulaması Yayında

Merhaba. Android cihazlar için hazırladığım Namaz Vakitleri uygulaması ile 200'e yakın ülkede tüm namaz-ezan vakitlerini… Daha Fazla Oku

% gün önce

Kaza Namazı ve Oruç Takip Uygulaması

Selamlar. İnsanlar için faydalı olması amacıyla geliştirdiğim Kaza Namazı ve Oruç Takip Uygulamasını sizlere tanıtmak… Daha Fazla Oku

% gün önce

Android Volley Kullanımı ve JSON Parse İşlemleri

Volley, Android uygulamalarımızda kullandığımız AsyncTask'ın alternatifi olarak ortaya çıkarılan, Google I/O 2013 sunumunda duyurulan bir… Daha Fazla Oku

% gün önce

Android ButterKnife Kütüphanesi Kullanımı

Merhaba. Bu yazımda Android platformunda kullanıma sunulan, bazı kod bloklarını basitleştiren ve okunabilirliği arttıran ButterKnife… Daha Fazla Oku

% gün önce

Admob TikTok Reklamları Engelleme

Merhaba. Bu yazımda artık baş belası olmuş TikTok reklamlarını, Android uygulamalarımızdaki Admob reklamlarından nasıl kaldıracağımızı… Daha Fazla Oku

% gün önce