rauay

Başarılı
Katılım
24 Aralık 2023
Mesajlar
664
Beğeniler
72
Arkadaşlar su kısma 3 tane resim ekleyeceğim hangi etiketi kullanmam gerekli.

up
 

Dosya Ekleri

  • 1.webp
    1.webp
    43,8 KB · Görüntüleme: 104
  • 2.webp
    2.webp
    30,6 KB · Görüntüleme: 96
Son düzenleme:
Arkadaşlar su kısma 3 tane resim ekleyeceğim hangi etiketi kullanmam gerekli.

up
<body background> ne. En ilkelce yöntem. HTML5'te çalışmıyordur zaten. Arkaplan resmini css ile atın.
Resim koymak içinde <img> etiketi kullanıyorsun. src ibaresi ile resim yolu. Alt ibaresine gerek yok.
Çok berbat html yazmışsın, nerden bakıyorsan güncel videolar izlemeni tavsiye ederim.
 
<Body background> ne. En ilkelce yöntem. HTML5'te çalışmıyordur zaten. Arka plan resmini CSS ile atın.
Resim koymak içinde <img> etiketi kullanıyorsun. Src ibaresi ile resim yolu. Alt ibaresine gerek yok.
Çok berbat HTML yazmışsın, nereden bakıyorsan güncel videolar izlemeni tavsiye ederim.

Nasıl yani CSS'de kutu 1 yanı kırmızı kutyua eklıyeım kodu.
 
Arkadaşlar su kısma 3 tane resim ekleyeceğim hangi etiketi kullanmam gerekli.

Up.

17. satırdaki body'i neye göre kapattınız acaba? Açmamışınız bile.
<center> komutu en ilkelce yöntem. CSS'de kutu1'in içine şunları yazın:

[CODE lang="css" title="kutu1"].kutu1{
position:relative; // oluşturulan kutuyu hareket ettirebilmek için kullanılır.
margin:top // kutuyu sayfanın en üstüne ortalar.
top:50%; // kutuyu sayfanın üstünden aşağı doğru boşluk bırakır. ortalamak istiyorsanız 50% kullanın olmazsa sayfaya verdiğiniz yüksekliğin yarısını yazın.

}[/CODE]

Resim için:
Kodlarda diğer kutuların dışına (kutu1 hariç) yazın.

[CODE lang="html" title="HTML"]<img src="ornekresim.png"><img src="ornekresim2.png"><img src="ornekresim3.png">[/CODE]

[CODE lang="css" title="CSS"]img
{
position:relative;
top:50px; // göz kararı ayarlayın.
float:left;
left:20px; // göz kararı ayarlayın.

//eğer resimler çok büyük ise şunları yazın, hepsinin boyutlarını siz ayarlarsınız. :

width:100px;
height:100px;

}[/CODE]