|
Bağlantılar ve Resimler
8.BAĞLANTILAR VE RESİMLER
8/1. BAĞLANTILAR(LINK)
Web
sayfalarında en çok kullanılan unsurlardan biri
bağlantılardır.Bağlantılar ziyaretçinin bir tıklama ile, sitenizin
içinde veya dışında, belirlediğiniz herhangi bir adrese gitmesini
sağlar.Bağlantılar browser'a <a> etiketi ile bildirilir.İşte
bu etiketin parametreleri:
|
href |
Bağlantının adresi bu parametreyle
bildirilir |
<a href="http://www.sayfaAdı.com>Sayfa
Adı</a> |
|
Sayfa Adı |
|
target |
Sayfanın açılacağı yeri belirler.Target
parametresi,açılacak sayfa yeni bir sayfa olarak
açılacaksa'_blank',aynı pencere içinde açılacaksa '_self',aynı
pencerere içerisinde üstten itibaren açılacaksa '_top'
değerini alır. '_parent' ve 'ÇerçeveAdi'
değerlerine çerçeveler konusunda değineceğiz |
<a href="http://www.sayfaAdı.com target="_blank">Sayfa
adı></a> |
|
Sayfa Adı |
'Href' parametresinin
değeri sayfaadi.com gibi bir adres olabileceği gibi, örneğin deneme.zip
gibi bir dosya adı da olabilir. Böyle bir bağlantıya tıklandığında
browser kullanıcıya bu dosyayı indirmek isteyip istemediğini sorar.
Bu özelliği kullanarak ziyaretçilerin sayfamızdan dosya
indirmelerini sağlayabiliriz.
8/2. RESİMLER
Resimler
doğru ve yerinde kullanıldığında HTML belgelerine estetik açıdan çok
şeyler katabilirler;fakat büyük boyutları nedeniyle yavaş
yüklenirler.Bu da ziyaretçinin sıkılmasına,hatta sayfayı
terketmesine neden olabilir.Bu nedenle, en azından internet
bağlantıları daha hızlı oluncaya kadar, resimleri 'az ve öz'
kullanmanız doğru olacaktır.Resimler <img> etiketi
aracılığıyla kullanılırlar.Aşağıda bu etiketin parametrelerini
görüyorsunuz.
|
src |
Resmin bulunduğu dizini bu parametre ile
bildiririz |
<img src="deneme.gif"> |
|
|
|
width |
Resmin genişliğini piksel cinsinden
bildirir |
<img src="deneme.gif" width="100"> |
|
|
|
height |
Aynı şekilde resmin yüksekliğini bildirir. |
<img src="deneme.gif" height="100"> |
|
|
|
border |
Resmin etrafındaki çizginin kalınlığını
belirtir. |
<img src="deneme.gif" border="6"> |
|
|
|
align |
Yatay konum belirler;left,right,center
değerlerini alır. |
<img src="deneme.gif" align="left"> |
|
|
|
alt |
Mouse resmin üzerindeyken yazacağınız meni
gösterir |
<img src="deneme.gif alt="Buraya açıklama
yazın!"> |
|
|
  |
