Kurs Önerileri:

HTML <a> Etiketi

HTML <a> href Özelliği

href Tanım ve Kullanım

href Özellik değeri, bağlantıyı nereye yönlendireceğini belirleyen URL'yi tanımlar. href Özellik tarafından belirlenen URL'nin temsil ettiği belge veya JavaScript ifadeleri, yöntemleri ve fonksiyonlarının listesi. Özellik değeri, parçacık tanımlayıcı ve JavaScript kod parçası içeren herhangi bir geçerli belgenin relatif veya绝对 URL'si olabilir. Kullanıcı <a> etiketi içindeki içeriği seçerse, tarayıcı bu içeriği aramaya ve göstermeye çalışacaktır

Eğer href Özellik mevcutsa, <a> etiketi bir bağlantı olmayacaktır.

İpucu:href="#top" veya href="#" kullanarak mevcut sayfanın üstüne bağlantı kurabilirsiniz!

Metin bağlantısı oluşturma

Diğer belgeleri referans alan basit bir <a> etiketi şu şekilde olabilir:

<a href="http://www.codew3c.com/index.html">CodeW3C.com Çevrimiçi Eğitim</a>

Tarayıcı,

CodeW3C.com Çevrimiçi Eğitim

Kullanıcılar, Tarayıcıdaki Seçenekleri Kullanarak Kendi Metin Renklerini Belirleyebilir ve Bağ Öncesi ve Bağ Sonrası Bağ Metin Renklerini Ayarlayabilirler.

İpucu:Kullanılabilir CSS Sözde SınıflarıMetin Bağlantılarına Karmaşık ve Çeşitli Stiller Eklemek İçin Kullanılır.

Resim Bağlantısı Yapmak

Daha Karmaşık Anklar, Resimleri de İçerebilir. Aşağıdaki LOGO, Bir Resim Bağlantısıdır; Resmi Tıkladığınızda, W3school'un Ana Sayfasına Dönersiniz:

<a href="http://www.codew3c.com/index.html">
<img src="/i/codew3c_logo_white.gif" />
</a>

Yukarıdaki kod, CodeW3C.com'un LOGO'suna Bir Ana Sayfa Bağlantısı Ekler:

CodeW3C.com Çevrimiçi Eğitim

Çoğu Grafik Tarayıcı, Bağ Parçası Olarak Kullanılan Resimlerin Çevresine Özel Kenarlar Koyar. <img> Etiketinde Resmin border Özelliği0 Olarak Ayarlanabilir, Bu, Dış Bağların Kenarlarını Siler. Ayrıca CSS Kenar ÖzellikleriGenel Olarak Elemanın Kenar Biçimini Değiştirmek İçin Kullanılır.

Örnek

Örnek 1

href Özelliği, Bağın Amacını Tanımlar:

<a href="https://www.codew3c.com">CodeW3C.com'a Git</a>

Kişisel olarak deneyin

Örnek 2

Resmi Bir Bağ Olarak Kullanmak Nasıl Olur:

<a href="https://www.codew3c.com">
<img border="0" alt="W3School" src="/i/logo/w3logo.png" width="400" height="225">
</a>

Kişisel olarak deneyin

Örnek 3

E-posta Adresine Nasıl Bağlanılır:

<a href="mailto:someone@example.com">E-posta Gönder</a>

Kişisel olarak deneyin

Örnek 4

Telefon Numarasına Nasıl Bağlanılır:

<a href="tel:+8613888888888">+86 138 8888 8888</a>

Kişisel olarak deneyin

Örnek 5

Aynı Sayfadaki Diğer Bir Bölüme Nasıl Bağlanılır:

<a href="#section2">İkinci Bölüme Geç</a>

Kişisel olarak deneyin

Örnek 6

JavaScript'e Nasıl Bağlanılır:

<a href="javascript:alert('Hello World!');">JavaScript'i Çalıştır</a>

Kişisel olarak deneyin

Sözdizimi

<a href="URL">

Özellik Değeri

Değer Açıklama
URL

Bağlantının URL'i.

Mümkün olan değerler:

  • Mutlak URL - Başka bir web sitesine yönlendirir (örneğin href="http://www.example.com/index.html")
  • Relatif URL - Web sitesi içindeki dosyalara yönlendirir (örneğin href="index.html")
  • Belirtilen id'ye sahip sayfa öğesine bağlantı (örneğin href="#section2")
  • Diğer Protokoller (örneğin https://、ftp://、mailto:、file: vb.)
  • Betik (örneğin href="javascript:alert('Hello');")

Tarayıcı Desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek

HTML <a> Etiketi