HTML Resimleri

YouTube'ta Takip Et →

Sayfa içerisinde resim veya fotoğraf görüntülemek için de image anlamına gelen img etiketini kullanıyoruz. Img etiketinin kullanımını aşağıda görebilirsiniz. src ise source anlamına geliyor ve resmin yolunu burada belirtiyorsunuz. img etiketinin kapanışı da dikkat ederseniz diğer etiketlerden farklı.

<img src="resim.jpg" />

Bir görsele link vermek isterseniz a etiketinde gördüğümüz kod kısmında Tıkla yazan yere imajın etiketini koyabilirsiniz. Örneği aşağıda. Böylece görsele tıklandığında a href etiketindeki sayfaya yönlendirilecektir.

<a href="sayfa.html"><img src="resim.jpg" /></a>

Dosya yollarının olduğu link ve görsel etiketlerine bir parantez açmak istiyorum. CSS, JS ve görsellerin olduğu web sitelerinde tüm dosyalar aynı klasörde olmaz. Mesela css dosyaları CSS klasörünün içinde, görseller img klasörünün içinde olabilir. index.html ile birlikte bir img klasörü düşünün ve img klasörünün altndaki bir logoya ulaşmaya çalışalım. Bunu da aşağıdaki kodla yapabiliyoruz.

<img src="img/logo.png" />