Resim Yerleştirme

Web sayfalarına resim ve grafikler (image) de konulabilir. Image'ler farklı formatlarda kaydedilebilir. Çoğunlukla kullanılanlar GIF ve JPEG formtlarıdır. JPEG yüksek sıkıştırma özeliği yanında 24 bit renk kullanma yeteneği ile kaliteli resim üretir. Sıkıştırma anındaki kayıplar insan gözünün farkedemeyeceği orandadır.

Ancak, resim çok küçükse ya da bir grafik ise GIF formatı daha uygundur.

Konulan resim	HTML Kodları
jpeg	<IMG SRC="/~tkaracay/images/crayons.jpg" ALT="tebeşir" ALIGN=TOP>jpeg
Bir gif image ve transparent zemin.	Bir gif image <IMG SRC="/~tkaracay/images/home.gif" ALIGN=TOP> ve transperat zemin
ALIGN="RIGHT" nitelemesi resmi sağa yanaştırır ve text'in soldan kaymasını sağlar.	<IMG SRC="/~tkaracay/images/penguen.jpg ALT="picture" ALIGN=RIGHT> nitelemesi resmi sağa yanaştırır ve text'in soldan kaymasını sağlar.
HEIGHT ve WIDTH nitelemeleri kullanılarak resmin hangi büyüklükte görüneceği belirlenebilir. Bu nitelemeler, aynı zamanda, tarayıcının sayfayı oluşturmasını hızlandırır.	<IMG SRC="image.jpg" ALT="image" ALIGN=LEFT HEIGHT=105 WIDTH=140> HEIGHT ve WIDTH nitelemeleri kullanılarak resmin hangi büyüklükte görüneceği belirlenebilir. Bu nitelemeler, aynı zamanda, tarayıcının sayfayı oluşturmasını hızlandırır.
Bu nitelemeler, asıl resmin boyutlarını bozabilir.	<IMG SRC="/etudio/images/penguen.jpg" ALT="penguen" HEIGHT=20 WIDTH=250> <BR> Bu nitelemeler, asıl resmin boyutlarını bozabilir.

Note:

Gif image renklerinden birisinin transparet olmasını sağlayan grafik programları vardır. Örneğin, LView Pro ve Paint Shop Pro adlı programlar bu işi yaparlar.

Hypertext Link olarak bir image kullanılabilir. Örneğin,
<A HREF="..."> <IMG SRC="..."> </A>.

<IMG> damgasının nitelemeleri (attribute):

ALT="resmi açıklayan metin"

İmage açılamadığı zaman, onun yerine açıklayıcı bir text konulabilir. Bunu yapmak için ALT nitelemesi kullanılır.

ALIGN=TOP

Resmin üst kenarının text ile aynı hizada olmasını sağlar.

ALIGN=BOTTOM.

Resmin alt kenarının text ile aynı hizada olmasını sağlar.

ALIGN=MIDDLE.

Resmin ortasının text ile aynı hizada olmasını sağlar.

ALIGN=LEFT

Resmi sola yanaştırır, text sağdan kayar.

ALIGN=RIGHT

Resmi sağa yanaştırır, text soldan kayar.

HEIGHT=n

Resmin yüksekliğini n pixel yapar.

WIDTH=m

Resmin yüksekliğini m pixel yapar.

Zemine Resim Koyma

Web dökümanının zeminine bir resim konulabilir. Resim, bütün web dökümanının zeminini mozaik biçiminde doldurur. Text bu resim üzerine yazılır. Bu nedenle, zemine konulan resim, üstündeki yazıların okunuşunu zorlaştırmamalı.

Zemine resim koymak için, BODY damgasına BACKGROUND nitelemesi verilir. Örneğin,