BAĞLANTI (KÖPRÜ) OLUŞTURMA

1. Sayfa İçi Bağlantı Oluşturma
Html kodları kullanarak, sayfa içi bağlantılar oluşturabilirsiniz. Bir sayfadaki metne
tıklayarak,  aynı sayfanın başka bir bölümüne gidebilirsiniz. Bu işlem çapa olarak da
adlandırılır.
Çapa oluşturma işlemi;
<a href="#...">...</a>, <a name="....">...</a>  komutları kullanılarak yapılmaktadır.
<a href=”#...”> ile tıklanmasını istediğimiz metin; <a name=”...”> ile de karşımıza
gelmesini istediğimiz bölüm belirlenir.

2. Sayfa Dışı Bağlantı Oluşturma
Hazırlamış olduğunuz web sayfaları arasında bağlantılar tanımlayarak başka sayfalar,
dokümanlar, resimler  arasında geçiş yapabilirsiniz. Sayfa dışına herhangi bir bağlantı (link,
köprü) oluşturmak için <a href>…</a> html etiketleri kullanılır.
 Herhangi bir web sayfasına bağlantı oluşturmak;
<a href=”http://www.meb.gov.tr”> Milli Eğitim Bakanlığı</a>
“Milli Eğitim Bakanlığı”, yazısına tıkladığınız zaman “www.meb.gov.tr “ internet
sitesi açılacaktır.
 Hazırlamış olduğumuz site içerisinde link vermek;
<a href=”index.html”>Ana Sayfa</a>
“Ana Sayfa” yazısına tıkladığımız zaman hazırlamış olduğumuz ve bilgisayarımızda
kayıtlı olan “index.html” sayfasına bağlantı oluşturulacaktır.
 Herhangi bir yazıya tıkladığınız zaman resim açılması için;
<a href=”okul.jpg”>Okulumuzun Resmini Görmek İçin Tıklayınız</a>
 Herhangi bir dosyaya link vermek için;
<a href=”portlar.pdf”>Portlar modülünü indirmek için tıklayınız…</a>
<a href=”resimler.zip”>Bilgisayarınıza indirmek için tıklayınız</a>
Target parametresini kullanarak, açılacak olan sayfa, resim veya dosyanın açılacağı
pencereyi belirtebiliriz.
<a href="..." target="..." > </a>
target="_blank": Bağlantının, yeni bir pencerede açılmasını sağlar.
target="_self": Bağlantının, aynı pencere içerisinde açılmasını sağlar.
target="_top": Bağlantının, aynı pencere içerisinde en üstten itibaren açılmasını sağlar.
target="_parent" : Açılan bağlantı, o anda açık sayfayı oluşturmuş bir ana sayfa varsa
onun yerinde açılmasını sağlar.
target="çerçeve(frame)  adı": Bağlantının, adı verilen çerçevede açılmasını sağlamak
için kullanılır.
<a href=http://www.meb.gov.tr target=”_blank”> Milli Eğitim Bakanlığı</a>

3. E-Posta Adresine Bağlantı Oluşturma
Hazırlamakta olduğunuz web sitesi aracılığıyla istenilen herhangi bir e-posta adresine
bağlantı oluşturabilirsiniz.
E-posta adresine bağlantı oluşturmak için;
<a href=”mailto:e-posta adresi”>….</a> komutu kullanılır.
Örnek:
<a href=”mailto: etogm@meb.gov.tr”> E-posta göndermek için tıklayınız.</a>
Yukarıdaki html komut satırını yazıp kaydettiğinizde tarayıcıdaki
görüntü aşağıdaki gibi olacaktır.
E-posta göndermek için tıklayınız yazısına, tıklandığı zaman  konu, bilgi ve e-posta
adresi gibi bilgilerin girilebileceği Şekil 4.1’de görünen e-posta gönderme programı
açılacaktır. İstenilen bilgiler yazıldıktan sonra “Gönder” düğmesine tıklandığında,
e-postamız gönderilmiş olur.