DERSler

e-dersler

HTML

Programlama Dilleri

Web sayfasına resim(image)ler koyabiliriz

Ayrıntıları öğrenmek için burayı tıklayınız

Image ortalanabilir:

Image bir satıra bir harf gibi, satır taban çizgisinin üstüne konuşlandırılabilir:

Image'i, bu resimdeki gibi bir satırın içinde,içinde istenilen yere, bir karakter gibi yerleştirebiliriz. Bu durumda, resmin en altı, içinde bulunduğu satırın taban çizgisiyle aynı hizaya gelir. Bu default biçimidir. Dolayısıyla, ALIGN=bottom nitelemesine denktir. Resmi içeren satırın yüksekliğinin resmin yüksekliğine denk olduğuna ve satır taban çizgisinden başlayarak yukarıya doğru gittiğine dikkat ediniz.

Image bir satıra bir harf gibi, satırın en üst hizasının altına konuşlandırılabilir:

Image'i, bu resimdeki gibi bir satırın içine bir karakter gibi yerleştirebiliriz. Yukarıdakinin tersine olarak, burada resmin en üstü satırın içindeki en yüksek nesnenin üstü ile aynı hizaya gelmiştir. Bunu sağlayan niteleme ALIGN=top nitelemesidir. Resmi içeren satırın yüksekliğinin resmin yüksekliğine denk olduğuna ve satırın içerdiği en yüksek harfin hizasından başlayarak aşağıya doğru gittiğine dikkat ediniz.

Image bir paragrafın soluna konuşlandırılabilir:

Image'i, bu resimdeki gibi sola yanaştırmak için align="left" nitelemesi yapılmıştır. Resmi çerçeve içine almak için BORDER=2 nitelemesi yapılmıştır. Resmin içinde bulunduğu text, resmin sağındaki boşluktan kayar. Text ile resim arasındaki uzaklığı belirlemek mümkündür. Bunun için HSPACE=30 nitelemesi yapılmıştır.

Image, bir paragrafın sağına konuşlandırılabilir:

Image'i, bu resimdeki gibi sağa yanaştırmak için align="right" nitelemesi yapılmıştır. BORDER nitelemesi yapılmadığından, resim çerçeve içine alınmamışrır. Resmin içinde bulunduğu text, resmin solundaki boşluktan kayar. Text ile resim arasındaki uzaklığı belirlemek mümkündür. Bunun için HSPACE=50 nitelemesi yapılmıştır.