Görüntüler genellikle düz sayfalara kıyasla daha davetkar ve ilginç görünmelerini sağlamak için web sayfalarına eklenir. HTML Image etiketini kullanarak, herhangi bir web sayfasına resim eklemek kolaydır. Bu etiket ayrıca belirtebileceğiniz bir takım özelliklere veya özelliklere sahiptir.
Bir web sayfasına görüntü eklerken, bir görüntünün aslında web sayfasını oluşturan dosyanın bir parçası olmadığını unutmayın. Web sayfası için kullanılan dosyalar, tüm resim dosyalarından ayrı dosyalardır. HTML Image etiketi, web tarayıcısını, göstermek istediğiniz resmin belirli bir resim dosyasına yönlendirir. Web sayfası bir tarayıcıda görüntülendiğinde, görüntü dosyası o sayfayı oluşturan diğer dosyalarla birlikte görüntülenir.
HTML Image etiketinin kodu şudur: <IMG SRC = "image location" />. Görüntü konumu, göstermek istediğiniz görüntünün ve görüntünün kaydedildiği yerin dosya adıdır. Görüntünün düzgün görüntülendiğinden emin olmak için bu bilgileri doğru almanız önemlidir. Web sayfanızda kullanmak istediğiniz görüntülerin düzenlenmesi ve saklanması önemli hususlardır.
Bazı insanlar, resimlerini web sayfalarının diğer bölümleriyle aynı dizinde saklar. Bu durumda, resme bakarken, yalnızca HTML Image etiketine dosya adını dahil edersiniz. Bir web sayfasında çok sayıda görüntü varsa, genellikle görüntü adı verilen bir alt dizin oluşturmak yaygındır. Bu durumda, alt dizin adı da etikete dahil edilir.
Örnek olarak, işte web sayfasına bir ağacın, ağaç.jpg adının bir görüntüsünü eklemek için ne yapacağız. Ağaç resmini diğer web sayfası dosyalarımızla aynı yerde saklamış olsaydık, HTML Resmi etiketi <IMG SRC = "tree.jpg"> olur. Resim dosyası web sayfası dizininizdeki bir alt dizinde saklanmışsa, etiket <IMG SRC = "images / tree.jpg"> olarak değiştirilecektir. Hatırlanması gereken önemli olan, HTML Resim etiketinin resim dosyasına bir referans veya yol sağlamasıdır. Temel olarak, tarayıcıya dosyayı nerede arayacağını söyler.
HTML Resmi etiketi, eklemek istediğiniz resim için belirtilebilecek bir dizi niteliğe sahiptir. Öznitelikler, etiketin kendisinin özellikleridir ve bu nedenle etiket içinde veya <ve> arasında kullanılırlar. HTML Image etiketiyle kullanılan özellikler şunlardır:
- ALIGN - resminizin sayfanızdaki metne göre nasıl hizalanacağını belirtir (SOL, SAĞ, TOP, ORTA, ALT)
- ALT - alternatif metni ifade eder. Bu çok önemli bir özelliktir ve tüm resimleriniz için eklenmelidir. Resmin yerine görüntülenen metni belirtir
- BORDER - resminize, kalınlığı piksel cinsinden belirtilen sınırlara ekler
- HEIGHT ve WIDTH - görüntülenmesini istediğiniz görüntünün genişliğini ve yüksekliğini tanımlamak için kullanılabilir, bu da görüntünün boyutunu değiştirmenize olanak sağlar. Görüntünün kalitesini ve oranlarını değiştirebileceğiniz ve bu sayede düşük kaliteli görüntüler elde edebileceğiniz için bu özellikleri kullanırken dikkatli olun.
- VSPACE ve HSPACE - resminize beyaz boşluk eklemek için kullanılır.
