Hayvan Resimleri Köpek Resimleri

 

<<< Önceki

Sonraki >>

İlk hücrenin içine iki tane resim ekleyeceğiz şimdilik bir tanesini ekleyelim.
ikinci ve büyük hücreyi reklam alanı olarak düşündüm.
üçüncü hücreye de bir tane resim ekleyelim.

Şuna dikkat edin: Hücreye align (yatay hizalama) ve valign (dikey hizalama) değeri vermediğimizde,
Varsayılan yatay hizalama şekli sol tarafa doğrudur. Hücre içindeki resim sanki align=left yapmışız gibi hizalanıyor.
Dikey hizalamada geçerli değer ise middle (ortalı) dır.
Resim ne hücrenin üstüne (top) hizlanmış ne de altına (bottom) doğru hizalanmış. Biz dikey hizalamada hiçbirşey belirtmemiş olmamıza rağmen sanki valign=middle yazmışız gibi davranıyor.

Sizler <img> etiketini biliyorsunuz. Img etiketinin src özelliği ile resmin nerede olduğunu belirtiyoruz.
Eğer resim html sayfamızla aynı yerde değil bir dizinin içindeyse resmin adını direk yazmıyoruz.
Resmin adından önce içinde bulunduğu klasörün adını yazıp (kopek-1) araya slaş işareti (/) koyuyoruz.
Böylece Kopek (2).jpg dosyasının nerede olduğunu src özelliğiyle img etiketine belirtmiş olduk.

..........................
........................................
..................................................

<table border=1 align=center>
  <tr>
    <td width=168> <img src="kopek-1/Kopek (2).jpg"> </td>
    <td width=336 height=280>   </td>
    <td width=168> <img src="kopek-1/Kopek (3).jpg"> </td>
  </tr>
</table>