Resim yalnızca doğrudan metne eklenmez. Tarayıcıya adı söylenir ve onu ekranda nereye ve nasıl konumlandıracağı belirtilir. Bunu yapmak için tek bir HTML img etiketi kullanın. Web sayfasındaki grafik nesnesinin konumunu belirtir.
Etiketler için birçok özellik isteğe bağlıysa, img etiketinin en az bir parametresi olmalıdır - görüntünün adresi. Bu özniteliğin adı src:
- - bu, geçerli dizinde saklanan keçi-j.webp" />
- - img etiketinin bu parametresiyle, tarayıcı internette megasellmag.ru sitesinde yayınlanan resmi yükler.
Hizalama nitelikleri
Görüntüleri HTML kullanarak bir sayfada konumlandırmak için, öznitelikleri görüntünün sayfaya yerleştirilmesinden ve metin sarmasının doğasından sorumlu olan img etiketi kullanılır.
Varsayılan olarak, tarayıcı görüntüyü ekranın ortasına yerleştirir ve metin onu sarmaz. img etiketi, align niteliğini (hizalama) kullanarak tarayıcıyla olan anlaşmazlığınızı ifade etmenize olanak tanır.
- resim sayfanın sol kenarına yerleştirilecek ve metin sağ tarafta onun etrafında dolanacak.
Görüntü sağa (align=sağa), ortaya (align=orta), yukarıya (align=üst), alta yerleştirilirse metnin davranışı benzer olacaktır.(hiza=alt) ve orta (orta).
Ayarlar ve boyutlar
Metnin görüntülere kaymasını önlemek için, img etiketi, içindeki görüntülerin kenarlarından metin girintisi miktarını belirleyen hspace (yatay/yatay kenar boşlukları) ve vspace (dikey/dikey kenar boşlukları) özel nitelikler edinmiştir. piksel.
Resim yalnızca belirtilen miktarda metinden itaatkar bir şekilde uzaklaşmakla kalmayacak, aynı zamanda sayfanın kenarından da uzaklaşacaktır, bu nedenle büyük girintilerden kaçınmak en iyisidir.
Görüntülerin geometrik boyutları çok önemlidir, bunlar yalnızca arzu edilen değil, aynı zamanda görüntünün doğru gösterimi için bazen basitçe gerekli olandır. Bunun için, değeri piksel veya yüzde olarak ayarlanan genişlik (genişlik) ve yükseklik (yükseklik) nitelikleri kullanılır.
Yalnızca genişliği belirtirseniz, yükseklik orijinal orantılarla otomatik olarak seçilir. Yüzde boyutları, tarayıcı penceresinin boyutundan bağımsız olarak görüntüyü sayfanın sağ kısmına yerleştirmenize olanak tanır ve bu ihtiyaç genellikle ortaya çıkar.
Diğer seçenekler
Sınır özelliği, görüntüyü tarayıcının varsayılan olarak yapmadığı, belirtilen kalınlıktaki bir çerçeve içine alır.
Sınır, görünüşte anlamsız bir sıfır genişliğe de sahip olabilir (border='0'), ancak bu, görüntü bir bağlantı haline gelene kadar, tarayıcı talimatları beklemeden otomatik olarak mavi bir kenarlıkla çevrelediğinde.
Düşük internet hızlarına sinirlenen bazı sabırsız kullanıcılar, resimlerin görüntülenmesini devre dışı bırakır. Bu gibi durumlarda, girmenizi sağlayan alt parametresi sağlanır.kullanıcının resim yüklemek için acele ettiği kutuda göreceği alternatif metin.
Alt parametresinin olanaklarından hoşlanmıyorsanız, img etiketi, değeri daha ayrıntılı bir açıklama içeren bir belgenin URL'si olan bir longdesc özniteliği sunabilir.
Usemap ve ismap öznitelikleri, tarayıcıya görüntünün, hiper bağlantıların ayrı alanlar (bağlantı haritası) olduğu bir resim olacağını, sunucudaki navigasyon haritasını yalnızca usemap parametresinin belirlediğini ve ismap - üzerindeki haritanın istemci tarafı.
Aşağıdaki şekilde bağlantı 1'in açıklaması:
Egzotik öğeler
lowsrc özelliği, tarayıcıya önce orijinal görüntünün bir kopyasını (veya başka bir alternatifi) daha düşük kalitede ve dolayısıyla "daha hafif" bir kopya indirmesi talimatını verir. Bu hile, kullanıcı için düşük İnternet hızı durumunda sağlanır. Orijinal resim yüklendiğinde "sahte"nin yerini alır.
img etiketinin daha az kullanılan galeriimg özelliği, görüntü kontrol panelini çağırır (üzerine gelindiğinde), varsayılan Resimlerim klasörünü açmanıza ve görüntüyü yazdırmanıza, kaydetmenize veya e-postayla göndermenize olanak tanır. Galleryimg parametresini hayır/yanlış olarak ayarlayarak paneli devre dışı bırakabilir ve evet/doğru ayarlayarak etkinleştirebilirsiniz.
Yeni HTML5 spesifikasyonunda, bazı etiketlerde bazı parametreler kullanımdan kaldırılmıştır. Örneğin, img'nin lowsrc, border, longdesc ve name öznitelikleri kullanımdan kaldırıldı.
