Yükseklik ve Genişlik Değerleri

Width değeri ile resimlerimizin genişliğinin nasıl olacağını belirleriz sadece resimlerde değil Width değerini kodlamalarımızda bir çok işlem için kullanırız.  Zaten kolay ve karmaşık olmayan bir konu, uzun uzun detaylara girerek çok zor bir olaymış gibi detaylandırmak istemiyorum ancak önemlidir.

Height değeri ise widht’in tersine yükseklik değeridir.  html kodlarımızda yapacağımız değişiklik kısaca şu şekildedir

Tüm arkadaşlar olarak aynı işlemi görebilmek için aynı resmi kullanalım arkadaşlar aşağıdaki resmi farklı kaydet diyerek bilgisayarınızın masaüstüne kedi.jpg olarak kaydedin arkadaşlar ve aşağıdaki kodları boş bir not defteri açarak başlıyoruz yazmaya ve yazınca farklı kaydet diyerek dosya adı resimboyu.html olarak masaüstüne kaydedin yani resimin olduğu yere kaydedin. Resim ile kodumuzun aynı yerde olduğuna dikkat edelim(masaüstüne kaydetmeyecek arkadaşlar için) resimboyu.html dosyamızı tarayıcımızda açalım.

Nasıl Kullanılır ?

En Tatlı Kedi

Bu resmi farklı kaydet diyerek masaüstünüze kedi.jpg olarak kaydedin

Kodları görebilmek için bir kez üzerine tıklayın.

<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body> <img src=”kedi.jpg” width=”300″ height=”250″ alt=”Resim Açıklaması” /> </body> </html>

Resmimize seo için de büyük bir önemi olan alt parametresinide eklemiş olduk hepsi bu kadar.

Alt parametresi (Alternatif metin demektir) arkadaşlar aslında zorunlu bir kod değildir kulanırsanız avantajlarınız olur nedir bu avantajlar Resimleriniz google resim aramada yer alır ayrıca bir iyaretçi kaynağı sayılır resimlerin üzerine maosla gelince alt parametresi görülür resim hakkında kısa bilgi verilmiş olur.

Alt parametresi işleyişini görmek için yukarda verdiğim resmin üzerine maosla gelin göreceksiniz şimdi birde uygulama yapalım aşağıdaki gibi resim ekliyoruz yine ve alt parametreimizi kullanıyoruz arkadaşlar alternatif metin ne isterseniz yazabilirsiniz.

Sitemiz devamlı içerikler, ve içeriklerin açıklayıcı olması için de görseller ekleriz aceleye geldiğinden yada erindiğimizden olsa gerek kimse alt bilgisi eklemez, eğer hangi resimlerinize alt parametresi eklemediğinizi bilmiyor yada hatırlamıyorsanız wmaraci.com da ki araçlardan  sitenize seo analizi yaparak, analiz sonucu bilgilendirmelerindeki detaylara bakarak hangi resimlerinizde alt parametresi olmadığını bulabilirsiniz.