20 – Html Picture Elemanı html picture elemanı web sayfalarının farklı cihaz ve çözünürlüklerde farklı resimler göstermesini sağlar. Küçük bir ekranda büyük bir resim göstermek kaynak israfı ve performans kaybına sebep olur. Bu sebepten dolayı farklı çözünürlükler için farklı boyutlarda resim kullanabiliriz. <picture> </picture> etiketleri içerisinde <source media=”(çözünürlük)” srcset=”resimyolu”> şeklinde resimler tanımlanır. Şartlarımıza uymadığı durumlarda […]
19 – Html Arkaplan Resmi – Background Image Html öğelerinin arkaplanına (background-image) yani zeminine bir görsel eklemek için kullanılır. Html öğelerinin hepsinde arkaplan resmi belirtilebilir. Arkaplan Resmi Nasıl Eklenir? Arkaplan resmi eklemek için html öğesine style niteliğini (attribbute) ekleriz ve background-image anahtar kelimesini kullanırız. url parametresi ile resim yolu belirtilir. Örnek Yukarıdaki örneği denediyseniz varsayılan
18 – Html Resim Haritası – Image Maps Html resim haritası kullanarak resim üzerinde tıklanan alanlar oluşturulur. Aşağıdaki örnek resimde bilgisayar telefon ve top üzerine geldiğinizde bir link olduğunu göreceksiniz. Peki nasıl yaptık? Aşağıda inceleyelim. Resim Haritaları <map> usemap Kullanımı Html <map> etiketi bir resim haritası oluşturmamızı sağlar. Map’e isim veriyoruz <map name=”alisveris”> dedim. Html
17 – Html Resim Kullanımı – Images Html resim nasıl eklenir, link nasıl verilir, genişlik, yükseklik ayarları nasıl yapılır örneklerle inceleyelim. Web sayfasında resim kullanımı sitenize görsellik katacak ve daha güzel gözükecektir. Html resim ekleme, link verme, Html Resim <img> Etiketi Kullanımı HTML <img> etiketi, bir görüntüyü bir web sayfasına gömmek için kullanılır. <img> ‘ın kapanış
