4 Kasım 2017 Cumartesi

HTML Resim Ekleme Etiketi Nasıl Yapılır?

HTML Resim Ekleme Etiketi Nasıl Yapılır?



HTML Resim FotoğrafıElbetteki resim ögesinin de tıpkı başlık,paragraf, link ögelerinde olduğu gibi bir etiketi(tag) mevcuttur. Resim eklemek için kullanacağımız etiketin ismi 'img' dir. Fakat bu etiketin kendine özgü bir durumu mevcuttur. Diğer bazı etiketlerde etiket isminden önce açtık ve sonrasında kapattık. Fakat bazı taglarda ise kapanmadan uygulanır. Etiket açılıp daha sonra kapanmaz ve kendi içerisinde kapanır. İmg etiketi a etiketi(link etiketi) gibi attribute' e yani bir özelliğe ihtiyaç duyarlar. Nasıl ki bir link etiketinin ihtiyaç duyduğu özellik hyperlink reference yani gidilecek olan sayfa özelliği ise, img etiketinin ihtiyaç duyacağı attribute (özellik)  de source attribute(src) dir. Çünkü sayfanıza bir resim eklemek istiyorsanız  koymak istediğiniz bu resme bir kaynak belirtmek zorundasınız ki bu image o kaynaktan sizin sayfanızda görüntülenebilsin.

<a href="http://www.kisacanet.com">KisacaNet.com' a Gider</a><img src="desktop/klasör1/resim.jpg" alt="Resmin Yazısı" border="2 red" width="300px" height="300px" align="right"></a>

href: resme tıklandığında gidilecek yer/adres.
src: resmin çağrılacağı klasör veya resmin adı veya url(linki) yazılır.
alt: resmin üzerine fare ile geldiğinizde resmin üzerinde görünecek yazıdır.
border: resme çerçeve eklemektir. Eğer çerçevenin çizgi sitilini ve rengini değiştirmek istiyorsanız şu şekilde olacaktır:
Dashed: Kesik Çizgili 
Dotted: Noktalı 
Solid: Sürekli Çizili 
Double: Çift Çizgili 
Groove: Kabarık 
Ridge: Groovenin tersi
örnek: "border:solid 3 red"   NOT: eğer çerçeve istemiyorsanız border'i sıfır yapın veya komple kaldırın.
width-height: resmin genişlik-yükseklik değeridir. Eğer her türlü cihaza uyum sağlasın diyorsanız o halde % işareti ile yazmalısınız. bu şekilde bulunduğu sayfanın yüzde kaçını kaplayacağını ifade eder. 
örnek:width="30%" | height="300%"

Sayfamıza çağırdığımız resimlerin sorunsuz bir biçimde görüntülenebilmesi için resmin doğru olması gerekir.

Etiketler: siteye resimli ekleme kodu, html resim ekleme, html resme boyut verme, html resmi otomatik boyutlandırma, html resme link verme, html klasörden resim ekleme

HTML Resim Ekleme Etiketi Nasıl Yapılır? Paylaşan: Admin

0 yorum:

Yorum Gönder