HTML'de Resim Etiketi nedir?

HTML kullanarak bir web sayfası oluştururken , görüntü etiketi sayfadaki belirli bir yere fotoğraf veya grafik eklemek için kullanılır. Görüntülerin web sayfalarında, ilgi ekleyerek bir seyir aracı olarak kullanılmasına kredi notum düşük nasıl kredi çekerimya da bilgi sağlamaya kadar pek çok yolu vardır. Kullanılabilecek çeşitli görüntü formatları da vardır. Web sayfasına nasıl ve hangi resim eklenmekte olursa olsun, resim etiketi her zaman gereklidir.

Bir resim eklemek için, görüntünün sayfanızda görünmesini istediğiniz yere resim etiketi eklenir. Örneğin, bu paragraftan sonra bir resim eklenecekse, bu paragraftan sonra HTML belgesine resim etiketi veya <img> eklenir. <Img> etiketi, HTML'deki tüm resimleri tanımlar. Öznitelikleri içerdiği ve hiçbir kapanış etiketi bulunmadığı için boş bir etiket olarak adlandırılır. Özellikler, belirli bir HTML etiketi için kullanılabilen seçeneklerdir.

Bir HTML belgesine yalnızca <img> eklendiyse, etiketin özellikleri eklenmediğinden hiçbir şey gösterilmez. <Img> için en önemli özellik, kaynak anlamına gelen "src" dir. Öznitelik src, görüntü dosyasının gerçekte nerede konumlandığını veya görüntü dosyasının adresidir. Resim bir web sayfasında kullanıldığından, resmin yeri bir URL olarak verilecektir . HTML belgesinde, resim şöyle görünecektir: <imgsrc = "URL" />.

Özellikle, URL görüntünün nerede saklandığını gösterir. Örneğin, www.lengeek.com adresindeki resim klasörüne computer.jpg dosya adını taşıyan bir bilgisayarın görüntüsü kaydedildiyse, URL şu şekilde değiştirilir: <imgsrc = "www.wisegeek.com/images/computer. jpg "/>. Tarayıcı web sayfasını açtığında, görüntü etiketinin dahil olduğu görüntüyü gösterir.

Resim etiketinin başka bir dizi farklı özelliği vardır. Bir kullanıcının görüntünün sayfada nasıl görüneceğini ayarlamasına izin verir. Bu etiket için aşağıdaki özellikler yaygın olarak kullanılır: alt, kenarlık, boyut ve hizalama.

Nitelik alt alternatif metni anlamına gelir ve bir tarayıcı bir resmi görüntülemek mümkün değilse o gösterilir. Ayrıca, görsel olarak zorlanan ve görüntülerin gelir belgesiz kredi veren bankalarüzerinde metin görüntülemeyi seçen kullanıcılar için alternatif metin okunur. Yukarıdaki örnekte, alternatif metin alt = "bilgisayarın görüntüsü" olarak belirtilebilir.

Sınır nitelik kalınlığı sayısına bağlı olan Resme kenarlık ekler piksel belirtti. Bu özellikle görüntü arka planı ve web sitesi arka planı benzer olduğunda ve net bir ayrım istenildiğinde yararlı olabilir. Örneğin, border = "10", bir resmin etrafında 10 piksel kalınlığında bir kenarlık yerleştirir.

Bir resmin tam boyutunu belirtmek için genişlik ve yükseklik kullanılabildiğinden boyut özellikleri de önemlidir. Bu özniteliklerin çok dikkatli bir şekilde kullanılması gerekir, çünkü bunları değiştirmek görüntülenen görüntünün oranlarını veya kalitesini etkileyebilir. Boyut öznitelikleri, gerçek dosyayı değiştirmez, sadece tarayıcının gösterdiği gibi.

Nitelik hizalaması , görüntünün sayfadaki metne göre nasıl hizalandığını belirtir. Üst, alt, orta, sol, sağ, absmiddle, absbottom, taban çizgisi ve texttopdahil olmak üzere bu özellik için birkaç farklı seçenek vardır. Bu etiketler, sayfadaki metnin görüntü ile nasıl hizalandığını belirlemenize de yardımcı olur.