Bağlantı Çeşitleri :
1.Sayfa İçi Bağlantı : Sayfa içerisinde bir başlığa bağlantı oluşturabiliriz. Örnek verecek olursak bir kitabın içindekiler bölümündeki konu başlıklarından birisine tıklandığında ilgili konu başlığının ekrana gelmesini sağlayabiliriz.
Örnek Kod : (Uygulamanın çalışmasını anlayabilmek için açıklamalar için çok satırdan oluşan yazı kopyalayarak birkaç sayfa yazı oluşturunuz.
<html>
<head>
<Title>Sayfa İçi Bağlantı</Title>
</head>
<Body>
İÇİNDEKİLER <BR>
<a href=”#anakart”>A.ANAKARTLAR</a><BR>
<a href=”#anakart”>B.İŞLEMCİLER</a><BR>
…..
…..<BR>
<a name=”anakart”></a>
ÜNİTE-1 : ANAKARTLAR<BR>
Anakartı anlatan açıklamalar…<br>
…………<br>
<a name=”islemci”></a>
ÜNİTE-2 : İŞLEMCİLER<BR>
Anakartı anlatan açıklamalar…<br>
…………
</Body>
</Html>
Açıklama : href parametresi ile bağlanılacak hedef belirlenir. <a name…> ise linke tıklandığında sayfa içinde gidilecek satıra konulmuş olan bir yer işaretidir.
2.Sayfa Dışı Bağlantı : sayfa1.html sayfanızdan sayfa2.html sayfanıza bağlantı oluşturabilirsiniz.
Açıklama : target parametresi aşağıdaki değerleri alır.
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.
Örnek Kod :
<html>
<head>
<Title>Sayfa Dışı Bağlantı</Title>
</head>
<body>
<a href=”sayfa2.html” target=”_blank”>Sayfa2 için tıklayınız.</a>
<a href=”sayfalar/sayfa2.html” target=”_blank”>Sayfa2 için tıklayınız.</a>
<!--Bir alt klasördeki sayfaya bağlantı kurar. -->
<a href=”..\sayfa2.html” target=”_blank”>Sayfa2 için tıklayınız.</a>
<!—Bulunduğunuz konumdan bir üst klasördeki sayfaya bağlantı kurar. -->
</body>
</html>
3. Başka Bir Web Sitesine Ait Bir sayfaya Bağlantı : Bir web sitesinden başka bir web sitesinin ana sayfasına ya da başka bir sayfasına bağlantı oluşturabilirisiniz.
Örnek Kod :
<html>
<head>
<Title>Site dışı bağlantı</Title>
</head>
<Body>
<a href=”http://www.koddunyasi.net” target=”_blank”>Sayfa2 için tıklayınız.</a>
<!—koddunyasi.net adlı sitenin ana sayfasına bağlanır.
<a href=”http://www.koddunyasi.net/uyeol.aspx” target=”_blank”>Sayfa2 için tıklayınız.</a>
<!—koddunyasi.net adlı sitenin uyeol sayfasına bağlanır.
</Body>
</Html>
4. Mail(E-Posta) Adresine Bağlantı : Microsoft Office / Outlook programına bağlantı kurarak, eğer bir Outlook hesabınız var ise mail göndermenizi sağlar.
Örnek Kod :
<html>
<head>
<Title>E-Posta Adresine Bağlantı</Title>
</head>
<Body>
<a href=”mailto:deneme@gmail.com”Sayfa2 için tıklayınız.</a>
</Body>
</Html>
Bir önceki yazımız olan html şablon örneği başlıklı makalemizde html, html kod örnekleri ve html örnekleri hakkında bilgiler verilmektedir.