HTML Resim Ekleme [Ders 4]


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.

Bu içeriği nasıl buldunuz?

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

Dijital yayıncılık alanında Türkiye, yükselen bir grafik çizmektedir. Bu amaç ile profesyonel işlere imza atmak üzere yola çıktık. 5. yılımızda araştırmayı seven herkese kapımızı açtık. Sizlerde makalelerinizi dergiCE'de paylaşarak, dijital dünyada yerinizi alabilirsiniz.

Yorumlar 2

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…

İçerik Türünü Seçin
Kişilik Testi
Kişilik Hakkında Testler
Test
Cevaplamalı Testler
Anket
Oylamalı Seçenekler
Yazı
Biçimlendirilmiş Metinler
Puanlamalı Liste
Puanlamalı Liste
Video
Youtube, Vimeo, Vine vs
Ses/Müzik
Soundcloud, Mixcloud
Resim
GIF veya Resim