Görseller, metni bölerek ve görsel ilgi ekleyerek bir web sayfasının görünümünü iyileştirebilir. Bir web sayfasında görünen resimler aslında ya dahili ya da uzak bir görüntüye bağlantılardır. Başka bir deyişle, görüntüler, web sayfasıyla aynı sunucuda veya uzak bir sunucuda bulunan başka bir dosyadır. Bir web sayfasının içine bir resim yerleştirmek için, tarayıcıya resmi nerede arayacağını söylemelisiniz. Bu bilgi ""src" özelliğine sahip etiket.
Görüntüyü Oluşturma
Görseliniz web sayfanızı barındıran web sunucusunda tutuluyorsa, etikete görselin adını şu şekilde yerleştirmeniz yeterlidir: Ancak, görseliniz uzak bir sunucuda bulunuyorsa, görsele bir bağlantı yerleştirmeniz gerekir. etiket gibi:
İster yerel ister uzak bir resim kullanın, resminizi sayfada hizalamak için kullanabileceğiniz bazı nitelikler vardır. "align" özelliği, görüntüyü yatay olarak hizalamak için kullanılır. Değerler "sağ", "sol" veya orta olabilir. Örneğin, sayfanın sağ tarafına uzak bir resim yerleştirmek için HTML kodu şöyle olacaktır:
"Valign" özelliği, görüntüyü ekranda dikey olarak hizalamak için kullanılır. Değerler "üst", "alt" ve "orta" olabilir. Yukarıdaki örneği ekranın sağ üst tarafına hizalamak için kod şöyle olacaktır:
Diğer bir özellik ise "alt" özelliğidir. Bu, ziyaretçi metin tabanlı bir web tarayıcısı kullanıyorsa veya resme bağlantı bozuksa, resmin olması gereken yere metin yerleştirmek için kullanılır. "alt" özelliği şu şekilde kullanılır:
Son olarak, "" etiketini ekleyerek resminizi bir köprü haline getirebilirsiniz. Bu, ziyaretçilerin uzak bir sayfaya veya fotoğrafın kendisine götürülecek resmi tıklamasına olanak tanır. Köprülü bir görüntü oluşturmak için HTML kodu:
