HTML RESİM EKLEME VE ÖZELLİKLERİ

Html kullanılırken web sayfası üzerine görseller eklenebilir, bu görsellere bağlantı tanımlanabilir ve görsellere çerçeve eklenebilir.

<img src="http://lifeacode.com/sites/logo.jpg" border="2">

Yukarıda tanımlanan kod bloğunda lifeacode sunucusu üzerinde bulunan bir resim img etiketi kullanılarak web sayfasına ekleniyor. Ardından border parametresi ile eklenen resme çerçeve tanımlanıyor. Çerçeve kalınlığı tanımlanırken sayı cinsinden tanımlanır ve bu sayı piksele karşılık gelir.

 

Alternatif Metin Belirleme

 

Arama motorları sitenizdeki resimleri de listeler. Alternatif metin kullanarak hem sitenize daha fazla ziyaretçi çeker hem de sitenizi görme ebgelliler için bir platform haline getirebilirsiniz. Alt= parametresi ile belirtilen metin sayfa üzerinde bir resim görüntülenemediği zaman devreye girer ve sayfaya aktarılır.

 

<html>
   <head>
      <title>
         Life A Code
      </title>
   </head>
   <body>
      <h1> Resim Metni </h1>
      <img src="http://lifeacode.com/sites/image.logo.jpg" border="2" alt="Alternarif Metin" width="30" height="40" />
   </body>
</html>

 

Görseli Hiperlink Olarak Kullanma

 

Seçtiğimiz bir görsel üzerine tanımlanan bağlantı görüntüye tıklandığı zaman başka bir web sayfasına yönelmesine ya da görüntünün boyutunun büyümesine neden olur. Hiperlink eklenen görsellerin etrafı öntanımlı olarak mavi renge boyanır.

<a href="http://lifeacode.com">
   <img src="lifeacode.com/sites/logo.jpg" border="2" width="2" heigth="5" />
</a>

 

Yukarıda bir resme hiperlink(bağlantı) tanımlanmıştır ve resme tıklandığı zaman belirtilen adrese yönlenecektir.

 

Sosyal Medyada Paylaş