Html Eğitimi Ders 8-Resimler

Merhaba,
Şimdi önemli bir konu üzerinde duracağız. Resim eklemek ve düzenlemek gibi. Çok kolay bir ders olacak.

Resimler

İlk olarak bir resm eklemeyi gösterelim:

<img src="http://resimage.net/img/yavru-hayvan-resimleri/yavru-kedi.jpg" alt="Resim">

"img" kullanarak bir resim ekleyeceğimizi anladık ve "src" ile köprü yani link oluşturduk. Sonra "alt" ile üzerine gelice çıkacak yazıyı belirledik. Önizleyelim:




Büyük bir resim değil mi? Biraz küçültsek iyi olur gibi. Hadi küçültelim:

<img width="100" height="125" src="http://resimage.net/img/yavru-hayvan-resimleri/yavru-kedi.jpg" alt="Resim">

Şimdi önizleyelim:



Daha güzel oldu değil mi? Şimdi de "border" yani çerçeve kalınlığını ayarlayalım. Örnek olarak kalınlığı "5" verelim:

<img border="5" width="100" height="125" src="http://resimage.net/img/yavru-hayvan-resimleri/yavru-kedi.jpg" alt="Resim">

Önizleyelim:



Şimdi gördüğünüz gibi bir çerçeve oluşturduk. Olmamasını istiyorsan "o" değerini vermemiz gerekir. Peki bu da tamam. Şimdi resmimi ortalamak istiyorum. Pek çok tag'de özellik olarak kullanılan "aling" yani hiza özelliğini kullanıcam. Örneğin:

<img aling="center" border="5" width="100" height="125" src="http://resimage.net/img/yavru-hayvan-resimleri/yavru-kedi.jpg" alt="Resim">

Önizlemek isterdim ama blogger div etiketleri ile çalıştığından bu durumu önizlemeyecektir. Bunun dışında "aling" özellikleri şunlardır:

• center: Orta
• right: Sağ
• left: Sol

Şimdilik bu kadar. Çalışmayı unutmayın. Kolay Gelsin.