Üye Girişi Yapınız     


    E-Posta
    

    Şifreniz
    



Şifremi Unuttum


Ana Sayfa Site Hakkında İletişim Ziyaretçi Defteri Döküman İndir Makale Ekle Haber Ekle

     Bağlantı Oluşturma(Link işlemleri)
     admin     12.10.2012     15:27:22

HTML ile sayfa içi bağlantı, başka bir sayfaya bağlantı, başka bir siteye bağlantı ve bir mail adresine bağlantı olarak 4 farklı şekilde sınıflandırılabilir. Bağlantılarımızı bir metne veya resme verebiliriz. Bağlantı vermek için <A>..</A> etiketi kullanılır.



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>

Facebook'ta Paylaş    
Diğer HTML İçerikleri       Tüm Yazılar        Ana Sayfa


  =>Soru Sorun veya Yorum Yazın...

İsim Giriniz :
  

  =>Yapılan Yorumlar...

mert    25.03.2014    15:21:19

 <i>mert<i>