Perşembe , Ağustos 17 2017
Anasayfa / DERSLER / Web Tasarım Dersleri / HTML Dersleri / Html Resim Etiketi (4. Ders Resim Ekleme)

Html Resim Etiketi (4. Ders Resim Ekleme)

Html sayfanıza resim eklemeniz için <img src=”resim.jpg”/> etiketini kullanmamız yeterlidir. img etiketi içeriğin resim olduğunu belirtir. src= tanımı da resmin bulunduğu konumu tanıtmanıza yarar   ” “  işaretleri içindeki resim.jpg yerine resmin bulunmuş olduğu konumu belirterek resmi html sayfanıza ekleyebilirsiniz. img olarak açtığımız etiketi /img olarak kapatmadık resim etiketi için bunu yapmamıza gerek yoktur /> kullansak da yeterlidir. dikkat etmemiz gereken .jpg.png, .gif gibi uzantılarını doğru girmemiz gerekir.

Resim Konum yolunu eklemenin 3 yolu vardır.

Resmi eklemek için internet url adresini ekleyerek resmi çekebilirsiniz.

Resim ve Html dosyanız aynı yerde ise sadece resim adı ve uzantısını yazmanız yeterli olacaktır.

Eğer html dosyanız ve farklı klasörlerde ise resimklasoru/resim-ekleme.jpg gibi dosya yolunu bildirmeniz gerekmektedir. / işareti dosya yollarını belirler.

Bu Kodların Ön İzlemesine Buradan Bakabilirsiniz

Resim etiketine çeşitli stil kodları ekleyerek kendi içinde özellikler ekleyebilirsiniz.

alt=”” Komutuyla resmi google için tanıtabiliriz

title=”” Komutu ile resmin üzerine mouse ile gelindiğinde açıklama yazısı çıkmasını sağlarız.

align=”” Komutu ile resmin “right” ile Sağ “left”ile sola “center” ile ortalama yapabiliriz.

height=”” Komutu ile resmin yükseklik ayarlarını yapabilirsiniz.

width=”” Komutu ile resmin genişlik ayarlarını yapabilirsiniz.

border=”0″ Komutu ile resme çerçeve oluşturabilirsiniz

Daha kapsamlı ayarlamaları style üzerinden yapabilirsiniz.

Hakkında BilgeBank

İlgili Makale

html form alanı

Html Form Alanları (11. Form, İnput, Type, Name, Value )

Html’de form alanlarını kullanıcıların bilgilerini almak için kullanırız bu bilgiler sayesinde kullanıcılar çeşitli bilgileri sayfanıza ekleyebilirler …

Bir Cevap Yazın