|
Gönderen: altayalp | Tarih: 01 Ekim 2005 |
|
|
Bu dersimizde resimlerle çalışmayı, yani sayfamıza resim eklemeyi, resmin boyutunu ve sayfadaki yerini değiştirmeyi öğreneceğiz.
Resimlerle çalışmak için kullanacağımız temel tag
KOD:<img.....>
tagıdır. Bu tag'da diğerleri gibi kendi içinde parametreler barındırır. İlk örneğimizi yapalım ve sayfamıza bir resim ekleyelim.
KOD:<img src="logo.gif">
img tagını kullandık "src" parametresinden sonra resmimizi belirttik. Burada logo resmin adıdır. Siz eklemek istediğiniz resmin adı ne ise tabi ki onu yazacaksınız. .gif ise resmimizin formatıdır. .jpg veya .png olabilirdi. O zaman da logo.gif olarak yazardık.
Resimlerin Boyutunu Ayarlamak
Resimlerin boyutunu ayarlamak için sadece
KOD:<img...>
tagına ait olmayan genel bir parametre kullanacağız. "width" ve "height". Bunlar bir çoğumuza yabancı değiller. Çünkü ingilizce kelimeler.
KOD:<img src="logo.gif" width="500" height="75">
"width" ile resmin genişliğini, "height" ile yüksekliğini ayarladık. Bu boyutlar yaklaşık olarak bir logo boyutudur.
Resme Çerçeve Ekleme
Resmimize çerçeve eklemek için yine
KOD:<img...>
tagına ait olmayan "border" parametresini kullanacağız. Örneğimize bakalım.
KOD:<img border="3" src="logo.gif" width="500" height="75">
Resmimize çerçeve ekledik. İstersek "border" parametresinin değerini artırıp çerçeveyi kalınlaştırır, azaltıp inceltebiliriz. Çerçeveyi kaldırmak içinde "border" değerini sıfır (border="0") gireriz.
|
|
[ Makaleyi İndir ]
[ Yazıcı Görüntüsü ]
[ Tavsiye Et ]
[ Takibe Al ]
[ Yorum Ekle ]
|
|
Bu sayfayı Paylaşın :
del.icio.us |
Furl |
Digg |
Technorati |
Reddit |
Google Bookmarks |
Simpy
|
|
●
Bu Makaleye Hiç Yorum Yapılmamış
|
| |
|
Html ( 15 )
