Html Bağlantı (köprü) Oluşturma

HTML 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;
…, … komutları kullanılarak
yapılmaktadır.
ile tıklanmasını istediğimiz metin; ile de
karşımıza gelmesini istediğimiz bölüm belirlenir.

Yukarıdaki kodları yazıp çalıştırdığımız zaman karşımıza
aşağıdaki görüntü gelecektir.

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 … html
etiketleri kullanılır.

 Herhangi bir web sayfasına bağlantı oluşturmak;

Milli Eğitim Bakanlığı

“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;

Ana Sayfa

“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;

Okulumuzun
Resmini Görmek İçin Tıklayınız

 Herhangi bir dosyaya link vermek için;

Portlar modülünü
indirmek için tıklayınız…

Bilgisayarınıza indirmek için tıklayınız

Target parametresini kullanarak, açılacak olan sayfa, resim veya dosyanın
açılacağı pencereyi belirtebiliriz.

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.

Milli Eğitim Bakanlığı

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;

….
komutu kullanılır.

Örnek:
E-posta göndermek için tıklayınız.

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.