HTML Bağlantıları

HTML, ağdaki diğer bir belge ile bağlantı kurmak için süper bağlantılar kullanır.

Hemen hemen tüm web sayfalarında bağlantılar bulunabilir. Bağlantılara tıklayarak bir sayfadan diğerine geçebilirsiniz.

Örnek

Süper Bağlantı Oluşturma
Bu örnek, HTML belgesinde nasıl bağlantı oluşturulacağını gösterir.
Görseli Bağlantı Olarak Kullanma
Bu örnek, bir görseli bağlantı olarak nasıl kullanılacağını gösterir.

(Daha fazla örnek, bu sayfanın alt kısmında bulunabilir.)

HTML Süper Bağlantıları (Bağlantılar)

Süper bağlantılar bir harf, bir kelime veya bir grup kelime olabilir, aynı zamanda bir görsel de olabilir; bu içeriklere tıklayarak yeni bir belge veya mevcut belgedeki bir bölüme geçebilirsiniz.

Fare işaretçisini web sayfasındaki bir bağlantı üzerine götürdüğünüzde, ok işareti küçük bir el haline gelir.

HTML'de bağlantılar oluşturmak için <a> etiketini kullanıyoruz.

<a> etiketi kullanımı için iki yol vardır:

  1. href özniteliği kullanarak - Diğer bir belgeye yönelik bağlantı oluşturma
  2. name özniteliği kullanarak - Dokümandaki işaret oluşturma

Daha fazla bilgi için:Nedir super text?

HTML Bağlantısı Dilgisi

Bağlantının HTML kodu oldukça basittir. Böyle biridir:

<a href="url">Bağlantı metni</a>

href özniteliği, bağlantının hedefini belirtir.

Başlangıç ve bitiş etiketleri arasındaki metin, superlink olarak görüntülenir.

Örnek

<a href="http://www.codew3c.com/">CodeW3C.com'a git</a>

Yukarıdaki bu satır şu şekilde görüntülenir:Visit CodeW3C.com

Bu超链接将用户带到CodeW3C.com首页。

İpucu:"Bağlantı metni", mutlaka metin olmasa gerekmez. Resim veya diğer HTML elementleri de bağlantı olabilir.

HTML Bağlantısı - target Özniteliği

Target özniteliğini kullanarak bağlantılı belgenin nerede görüntüleneceğini tanımlayabilirsiniz.

Aşağıdaki satır, belgeyi yeni bir pencerede açar:

<a href="http://www.codew3c.com/" target="_blank">CodeW3C.com'ı ziyaret edin!</a>

Kendi kendine deneyin

HTML Bağlantısı - name Özniteliği

name özniteliği, işaretin (simge) adını belirtir.

name özniteliğini kullanarak HTML sayfasında bir işaret oluşturabilirsiniz.

Bu işaretler herhangi bir özel şekilde görüntülenmez, okura görünmez.

Adlandırılmış simgeler kullanıldığında, belirli bir adlandırılmış simgeye doğrudan atlamak için bağlantılar oluşturabiliriz（örneğin, sayfadaki belirli bir bölgeye），böylece kullanıcılar bilgiyi bulmak için sürekli olarak sayfayı kaydırmak zorunda kalmaz.

Adlandırılmış simge dilgisi:

<a name="etiket">Simge（sayfa üzerinde görüntülenen metin）</a>

İpucu:Simge adı, size uygun herhangi bir isim olabilir.

İpucu:name özniteliğini alternatif olarak kullanabilirsiniz, simge adlandırma yine geçerlidir.

Örnek

Öncelikle, HTML belgemizde bir simge adı oluşturuyoruz (bir书签创建):

<a name="tips">Temel önlemler - Yararlı ipuçları</a>

Aynı belgede bu bağlantıya yönelik bir bağlantı oluşturduğumuzda:

<a href="#tips">Yararlı ipuçları</a>

Size bu bağlantıyı diğer sayfalarda oluşturabilirsiniz:

<a href="http://www.codew3c.com/html/html_links.asp#tips">Kullanışlı İpuçları</a>

Yukarıdaki kodda, # işaretini ve bağlantı ismini URL'nin sonuna eklediğimizde, tips adlı adlandırılmış bağlantıya doğrudan bağlanabiliriz.

Spesifik Etki:Kullanışlı İpuçları

Temel İpuçları - Kullanışlı İpuçları:

Açıklama:Alt dizinlere her zaman sağ tırnak ekleyin. Eğer bu şekilde bağlantı yazarsanız: href="http://www.codew3c.com/html" ise, sunucuya iki kez HTTP istekleri gönderilir. Çünkü sunucu bu adresin sonuna sağ tırnak ekler ve yeni bir istek oluşturur: href="http://www.codew3c.com/html/".

İpucu:Adlandırılmış bağlantılar, büyük belgelerin başlangıç konumlarında dizin oluşturmak için sıkça kullanılır. Her bölüm için bir adlandırılmış bağlantı atayabilir ve bu bağlantıları belgenin üstüne yerleştirebilirsiniz.百度百科'da sıkça ziyaret ettiyseniz, neredeyse her madde bu tür bir navigasyon yöntemi kullanır.

İpucu:Eğer tarayıcı tanımlanmış olan adlandırılmış bağlantıyı bulamazsa, belgenin en üstüne konumlandırılır. Hiçbir hata olmaz.

Daha Fazla Örnek

Yeni Tarayıcı Penceresinde Bağlantı Açma
Bu örnek, bir sayfayı yeni bir tarayıcı penceresinde açmayı gösterir; böylece ziyaretçiler sitemizi terk etmez.
Aynı Sayfanın Farklı Konumlarına Bağlanma
Bu örnek, belgenin diğer bir bölüme nasıl bağlanılacağını gösterir.
Çerçeve Dışına Çıkma
Bu örnek, sayfanız çerçeve içinde sabitlenmişse çerçeve dışına nasıl çıkılacağını gösterir.
E-posta Bağlantısı Oluşturma
Bu örnek, bir e-postaya nasıl bağlanılacağını gösterir. (Bu örnek, e-posta istemci programı kurulduktan sonra çalışır.)
E-posta Bağlantısı Oluşturma 2
Bu örnek, daha karmaşık e-posta bağlantılarını gösterir.

HTML Bağlantı Etiketi

Etiket Açıklama
<a> Bağlantıyı tanımla。