HTML Resim Ekleme [Ders 4]

1 dk okuma süresi


0
7 Paylaşım
HTML Resim Ekleme Dersi
HTML Resim Ekleme Dersi

Bugün HTML programlama dilinde bir sayfaya resim eklemeyi ve yerleştirmeyi öğreneceğiz. Resim eklemek için şu kodu kullanırız;

<img src="ornek.jpg" height="150" width="150" alt="açıklama">
  • src (source): resim kaynağı
  • height: resmin yüksekliği
  • width: resmin genişliği
  • align: resmin hizalanmasını sağlar. (Özellikler: top, bottom, middle, left, right)
  • border: resmin etrafında kenarlık oluşturmamızı sağlar.
<img src="ornek.jpg" border="5" align="right">

NOT: Dikey olarak resminizi ortalamak isterseniz <img> tagını <p align=”center”>…..</p> arasına ekleyebilirsiniz.


Nasıl Tepki Verirdiniz?

Beğen Beğen
7
Beğen
Mutlu Mutlu
1
Mutlu
Eğlenceli Eğlenceli
0
Eğlenceli
Üzgün Üzgün
0
Üzgün
Olamaz Olamaz
0
Olamaz
Kızgın Kızgın
0
Kızgın
Komik Komik
1
Komik
İlginç İlginç
0
İlginç

dergiCE üyeleri ne diyor?

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

  1. Merhaba, ben bu resimleri ekliyorum ama herhangi bir resim çıkmıyor. Nasıl olacağı hakkında daha detaylı bilgi verebilir misiniz?

    1. Merhaba, HTML programlama dillerini çalıştırmanız için not defteri, notepad++ gibi editörleri kullanmalısınız. Not defterinde yeni bir dosya açın ve index.html (ya da index.htm) olarak dosyanızı kaydedin. İçine de şunları yazın;

      <html>
      <head><title>İlk Sayfa Denemem</title></head>
      <body>
      <img src="https://dergice.com/wp-content/uploads/2018/08/HTML-Tablolar.jpg" width="750" height="375" title="üzerine gelince çıkacak açıklama">
      </body>
      </html>

      NOT: Yukarıdaki içerikte “ornek.jpg” yazmaktadır. img src kısmına resim kaynağını belirtmeniz lazım 😉 kolay gelsin…