BİRSEY.COM

   

HTML

HTML__icon.gif (2655 bytes)

KONULAR

satir_arasi.gif (41 bytes)

HTML NEDİR  ?

satir_arasi.gif (41 bytes)

TEMEL UNSURLAR

satir_arasi.gif (41 bytes)

İLK SAYFAM

satir_arasi.gif (41 bytes)

METİN BİÇİMLENDİRME

satir_arasi.gif (41 bytes)

FONTLAR

satir_arasi.gif (41 bytes)

RENKLER

satir_arasi.gif (41 bytes)

RESİMLER

satir_arasi.gif (41 bytes)

BAGLANTILAR

satir_arasi.gif (41 bytes)

TABLO

satir_arasi.gif (41 bytes)

ÇERÇEVE

HTML DERSİ MUSTAFA OZKAN

                                      RESİMLER

Bir web sitesinde resim kulanmak sizin isteginizde resimleri web sitesinde kulanırken <img> takısı kulanılır. <img> Kulanarak sabit diskinizdeki resim dosyalarını (*.gif , *.jpg , *.bmp ...) web sayfanızın içeriginde göstere bilirsiniz .Nasıl mi?

<html>

<head>

<title>img kulanımı</title>

</head>

<body>

<p><img src="birsey.gif" ></p>

</body>

</html>

Biraz da <img> takısını parametreleriyle ilgilenelim

align=middle : Bu parametre yerlestirdiniz resmin sayfanin ortasında olmasını soyluyor.Web sayfasını tam ortasına bir resim yerleştirelim

<html>

<head>

<title>img kulanımı</title>

</head>

<body>

<p><img align="middle" src=birsey.gif"

></p>

</body>

</html>

align=top: bu parametre ise resim dosyasının web sayfasının en üstunde olmasını saylıyor. Kulanılışı "align=middle" le aynıdır.

Ve en onemlilerinden birde "alt" parametresidir bu parametre ile fare resmin üstüne geldiginde parametrede yazdımız yazı fare resmin üstunde gidene kadar yazılı kalıyor.  Peki bu bizim ne işimize yarar demeyin türkiyede internet hızını pek iyi oldugu söylenemez bazen resimleriniz cıkmaya bilir eger siz resime bir link verdiyseniz kulanıcı bu link'in nereye gideceni anlayamaz veya bazı kulanıcılar beklemeyi sevmediklerinde resim yüklenmeden link edmek için çabalıyorlar bunu için "alt" parametresini mutlaka kulanınız kulanımı

<html>

<head>

<title>img kulanımı</title>

</head>

<body>

<p><img src="birsey.bmp" width="40" height="40"

alt="burda yazılanlar resimin ustune gelindiginde görünecek"></p>

</body>

</html>

 

 

<-geri                                                                                                                                     ileri->

©2001 BİRSEY.COM