HTML de link(köprü) yapmak resme link vermek

HTML de link(köprü) yapmak resme link vermek

LİNK VERMEK
1-) Bir Web sitesine Link vermek
2-) Site içi Link vermek
3-) Mail adresine Link vermek
4-) Sayfa içine Link vermek
5-) Bir Resme Link vermek
6-) Dokümana link vermek.

HTML sayfasına bağ (link) yerleştirmek

ve : bu komutla bağ (link) yapılır.

Bir web sayfasına link vermek.

Kod:: <a href="http://karaadilli.net/html-kodlar-f39/"> html dersleri </a>

Biçiminde kullanılır.

Mail adresine link vermek

Kod:: <a href=mailto:html-dersi@karaadilli.net> Mail Gönder </a>

Site İçine Link vermek

Tıklarsan bu sayfa tekrar açılır

Resme link vermek.

Resmi Görüntülemek için tıklayın

Dökümana link vermek.

Bu Dosyayı indirin
////////////////////////////////////////////////////

tagının parametreleri.

Target parametresi

Bağlantının açılacağı pencereyi belirtmek için kullanılan"target"

parametresini kullanılır.

Kullanımı:

html dersleri

target="_blank" , Bağlantı yeni bir pencerede açılır.

target="_self" , Bağlantı aynı pencere içerisinde açılır.

target="_top" , Bağlantı aynı pencere içerisinde en üstten itibaren açılır.

target="_parent" , Açılan bağlantı, o anda açık sayfayı oluşturmuş bir ana sayfa varsa onun yerine konur.

target="çerçeve adı" , Frame komutu ile çerçeve oluşturulmuşsa bağlantının adı verilen çerçevede açılmasını sağlar.( Ayrıntı için "Çerçeveler" konusuna bakın.)
////////////////////////////////////////////////////

Linklere Klavye Tuşları ile Kısa Yol Atamak

Linklerinize klavye kısa yolları atayabilirsiniz. Böylece klavye tuşları kullanarak sitenizin içerisinde gezilebilir. Bunu tagının elemanı olan accesskey ile yapabiliriz.

Kullanımı:

Kod:: <a href="http://karaadilli.net/portal.htm" accesskey="a">Ana Sayfa</a>

Link için atadığınız kısa yol harfi tek başına çalışmaz. Yani yazacağınız harf ile "ALT" tuşuna basarak linki aktif hale getirebilirsiniz.yani ALT+A

Title ile linklere acıklama verin; mouse link üzerine getirildiginde link hakkında ayrı bir açıklama yapması sağlayabilirsiniz.

www.html-dersi.blogspot.com" title="Html dersleri Ana Sayfaya Dön">Ana Sayfa
////////////////////////////////////////////////////

Bir resme nasıl link verilir.

Kod:: <a href=”html-link.htm”><img src="resim.gif" border="0"></a>

Resme tıklandığında bu sayfa tekrar yüklenecektir.

Resimlerde 'MAP' kullanarak link yapmak.

Map'ler bir resmin değişik yerlerine tıklandığında değişik bağların yüklenmesi olarak tanımlanır.

Kullanımı;

Kod:: <map name="falanca">
<area shape="poly" coords="108,87,48,33,151,21" href="#">
<area shape="rect" coords="8,45,80,95" href="#">
<area shape="circle" coords="31,11,17" href="#">
</map>
<img src="logo_plain.png" width="160" height="100" ISMAP usemap="#falanca">

name ile belirttiğimiz isim '
shape belirteci ile dikdortgen, daire, ya da poligon tanımlayabiliyoruz. Dikdörtgenin koordinatlarını: X-sol_ust,Y-sol_ust,X-sag_alt,Y-sag_alt biçiminde 'coords="..." ' kısmında belirtiyoruz. 'href="..." ' bölümü ise bu dikdortgen alana tıklanıldığında neyin yüklenmesi gerektiğini söylüyor.

web sitesi alanında bir çember için X-merkez,Y-merkez,R-yarıçap biçiminde koordinat tanımlıyoruz.

Poligon tanımlarken sırayla her bir köşenin X,Y biçiminde koordinatlarını html kodları içine giriyoruz. Dikkat etmemiz gereken husus, poligonun noktalarını saat-yönünde tanımlamamız gerektiğidir. Ayrıca poligonu kapamaya da tarayıcı programlar arasında uyumsuzluk nedeniyle dikkat etmeliyiz. Yukarıdaki üçgen örneğini incelemek aslında poligon tanımı yapabilmek için yeterli. Üçgen için dört nokta kullandık (dördüncü ilkinin dibinde). Aynı zamanda bu üçgenin X,Y betimlemeleri de saat-yönünde girilmiş (noktaları kağıt üzerinde yaklaşık olarak işaretlerseniz bu 'saat-yönü' kavramını daha iyi anlayabilirsiniz).

son olarak da '' ile resmin diger bölgelerine tıklanıldığında hiç bir sey yapılmaması gerektiğini söylüyoruz.
////////////////////////////////////////////////////

Çapa Yaratmak

Çapa bir sayfanın bir yerinden aynı sayfanın başka bir yerine gitmek için yapılılan linke denir. Mesela sayfa sonundaki "Sayfa Başı" na tıkladığında sayfa başına gidilmesi. Bunu çapa ile yaparız.

Çapa yaparken tagının name elemanını kullanılır.

Kod:: <a name="#sayfabsi">Html Dersleri</a>

Yukarıda sayfa başılığımız olan "Html Dersleri"ne "#" işareti ile isim verdik.

Şimdide sayfa sonunda oluşturacağımız linki nasıl oluşturacağımızı inceleyim.

Kod:: <a href="#sayfabasi">Sayfa Başına </a>

Örnek için tıklayınız- Sayfa Başı -

Dikkat edilmesi gereken name elemanını verdiğiniz isim ile href'in alacağı name aynı olmalı aksi halde linkiniz çalışmaz.

Çapa yaparken başka bir sayfanın herhangibir ilgili yerinin açılmasınıda sağlayabiliriz

Kod:: <a href="tasarim1.htm#ilgiliyer"> linkimiz bu olaçak
tasarim1.htm sayfasında da ilgili yere aşagıdaki çapayı yazıyoruz.
<a name="ilgiliyer">İlgili Yerimizin başlığı</a>