Takip Edin

HTML

HTML’de Bağlantı (Link) Oluşturma

Bir bağlantı veya köprü(hyperlink), bir web kaynağından diğerine bağlantıdır. Bağlantılar, kullanıcıların dünyanın herhangi bir yerindeki herhangi bir sunucu üzerinde bir sayfadan başka bir sayfaya sorunsuz bir şekilde taşınmasını sağlar.

Bir bağlantının tutturucu(anchor) adı verilen iki ucu bulunmaktadır. Bağlantı, kaynak tutturucusundan başlar ve herhangi bir web kaynağı(pdf dosyası, html belgesi veya belgenin içindeki bir eleman, ses veya video klip, resim vb.) olabilen hedef tutturucusuna işaret eder.

Bağlantılar, varsayılan olarak tarayıcıların çoğunda aşağıdaki gibi görünür:

  • Ziyaret edilmemiş bir bağlantı, altı çizili ve mavi renktedir.
  • Ziyaret edilmiş bir bağlantı, altı çizili ve mor bir renktedir.
  • Aktif bir bağlantı, altı çizili ve kırmızı bir renktedir.

Söz Dizimi

HTML’de bağlantılar, <a> etiketini kullanarak tanımlanırlar.

Bir bağlantı ya da köprü; bir kelime, kelime grubu veya resim olabilir.

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

<a> açılış etiketi ve </a> kapanış etiketi arasındaki herhangi bir şey, kullanıcının bir tarayıcıda görüp tıkladığı bir bağlantının parçası haline gelir.

Yukarıdaki örnekte href özelliği, bağlantının hedefini belirtir. Değeri, mutlak veya göreceli bir URL olabilir.

Mutlak URL’de bağlanacağınız sayfanın tam adresini girmeniz gerekir.

Göreceli URL ise tam adresi kullanmaz. Yazdığınız bağlantının aynı site üzerinde olduğunu varsayar.

HTMLÇIKTI
<p><a href=”html-elemanlari”>HTML Elemanları,</a> bu web sitesindeki bir sayfaya bağlantıdır.</p>
(Göreceli Bağlantı)

HTML Elemanları, bu web sitesindeki bir sayfaya bağlantıdır.

<p><a href=”https://www.google.com/”>Google</a></p>
(Mutlak Bağlantı)

Google

Bağlantılar için Hedef Belirleme

target özelliği tarayıcıya, bağlantılı belgenin nerede açılacağını bildirir.

target özelliği, aşağıdaki değerlerden herhangi birine sahip olabilir:

  • _blank : Bağlantılı belgeyi yeni bir pencere veya sekmede açar.
  • _parent : Bağlantılı belgeyi üst pencerede açar.
  • _self : Bağlantılı belgeyi, kaynak belgeyle aynı pencere veya sekmede açar. _self, varsayılan değerdir, dolayısıyla bu değeri açıkça belirtmek gerekmez.
  • _top : Bağlantılı belgeyi, pencerenin tüm gövdesinde açar.
<a href="https://bit.ly/2ZGxRVj" target="_blank">Tıkla(_blank)</a>

<a href="https://bit.ly/2M38ULC" target="_parent">Tıkla(_parent)</a>

<a href="https://bit.ly/2X6ZJjz" target="_top">Tıkla(_top)</a> 

Yer İşaretleri Oluşturma

Kullanıcıların bir web sayfasının belirli bir bölümüne geçişini sağlamak için yer işaretleri oluşturabilirsiniz. Yer işaretleri, uzun web sayfaları için oldukça kullanışlıdırlar.

Yer işaretleri oluşturma, iki adımlı bir süreçte gerçekleşir:

  1. Geçiş yapmak istediğiniz elemana id özelliği ekleyin. (id = “değer“)
  2. <a> etiketinin href özelliğinin değerine “#” işareti ile başlayacak şekilde id özelliğinin değerini verin. (href = “#değer“)
Devamını oku

Popüler

error: Content is protected !!