HTML derslerimize devam ediyoruz.Bu derste sayfaya resim yerleştirmeyi görecez.Hemen iskelet yapısına bakalım.
<img src="resim adresi" />
Sayfamıza resimleri img tagıyla koyuyoruz.Resimleri eklemek için adresini yazıyoruz.
Bu adres site içindeyse ekleyeceğimiz dosyanın yanındaysa direk dosya ismi ve uzantısını yazıyoruz.
Başka bir sitedeyse bulunduğu konumu yazıyoruz.
Örnekler :
<img src="http://ustaderslik.com/resim/slider/slider5.png" />
<img src="logo.jpg" />
<img src="resimler/animasyon.gif" />
Bu şekilde resimleri koyuyoruz.Resimlerin yükseklik ve genişliklerini değiştirmek isteyebilirsiniz bunun için 2 paremetremiz var.
width : genişlik
height : yükseklik
<img src="logo.jpg" width="250" height="150" />
Burda resmimiz 250x150 olsun dedik.
Genel örnek :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>cArleone</title>
</head>
<body>
<img src="http://ustaderslik.com/resim/slider/slider5.png" />
<img src="http://ustaderslik.com/resim/slider/slider5.png" width="200" height="100" />
</body>
</html>