HTML DE RESİMLER

RESİMLER

Resimler  web sitelerinde  içeriğin zenginleştirilmesi ve görsel açıdan ifadenin netleştirilebilmesi için kullanılmaktadır.

Web sitelerinde kullanılan resimlerin uzantılarının .jpg , .png  veya .gif olması gerekmektedir.Aynı zamanda gösterilecek resmin konumu da önemlidir.

 Web sitelerine resim eklemek için <img src=”…….”> etiketi kullanılır. Src  resmin adının,uzantısının ve bulunduğu yerin belirtildiği parametredir.

<img src=”deniz.jpg”>

Eğer resim ile sayfamız aynı klasörde ise bu yöntem kullanılmalıdır.

Resimleri düzenlemek için width(genişlik) , height(yükseklik) , alt(alternatif metin) ve align(hizalama) parametreleri kullanılır.Width ve height parametreleri pixel cinsinden değer alır.

<img src=”deniz.jpg” width=”100” height=”100” align=”right” alt=”resmin üzerine gidince mouse altında gözükecek yazı”>

Border resimlere çerçeve eklemek için kullanılan parametredir.Pixel cinsinden değer atanır.

<img src=”deniz.jpg” border=”5”>

Dashed: Kesik çizgiler

Solid : Sürekli çizgiler

Double : Çift çizgili

Dotted: Noktalı kenarlık

Çerçeve stilleri ile beraber rengi ve kalınlığı da belirlenebilir.

<img src=”deniz.jpg”  style=”border:solid 3 red”>