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.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir