HTML Link - Uzmanim Akademi

Trang chủ » Html Link Verme özellikleri » HTML Link - Uzmanim Akademi

Có thể bạn quan tâm

Tüm internet linkler üzerine kuruludur.

HTML sayfaları birbirine linkler ile bağlanır.

Linkler kullanıcıların tıkladıklarında başka sayfaya geçmelerini sağlar.

HTML ile Bir Sayfadan Diğerine Bağlantı Yapmak

Web siteleri yüzlerce hatta binlerce sayfadan oluşur.

Bu sayfalar arasında gezinmek için linkleri kullanırız.

İnternette farenin işaretçisini bir linkin üzerine götürdüğünüzde ok simgesi el simgesine dönüşür.

Bu sayfada tıklayabildiğiniz her şey bir linktir.

Not: Linkler sadece düz metinlerden oluşmaz. Herhangi bir HTML elementi link olabilir.

Örneğin resimlere de link verebilirsiniz.

HTML Link Nasıl Oluşturulur?

Bir link bir web sitesine, bir HTML belgesine veya herhangi bir dosyaya verilebilir.

<a> etiketi link vermek için kullanılan etikettir.

Örnek

<a href="URL">Link yazısı</a>

 

href özelliğine verilen URL değeri başka bir HTML sayfası, bir web sitesi veya herhangi bir dosya olabilir.

Başka bir web sitesine link şu şekilde verilir:

Örnek

<a href="https://uzmanim.net">uzmanim.net sitesine git</a>

Kendin Dene »

href özniteliği link tıklandığında yönlendirilecek adresi içerir.

link yazısı web sayfasında kullanıcının gördüğü kısımdır.

Link tıklandığında kullanıcı uzmanim.net adresine yönlendirilecektir.

Yerel Linkler

Yukarıdaki örnekte biz başka bir web sitesine giden link oluşturduk.

Yerel linkler geçerli web sitesi içinde verilen linklerdir.

Örnek

<p> <a href="/html">HTML Dersleri</a> </p> <p> <a href="/css">CSS Dersleri</a> </p>

Kendin Dene »

HTML Link Renkleri

Varsayılan olarak bir link tüm internet tarayıcılarda şu renklerde görüntülenir:

  • Bir link hiç tıklanmadıysa, ziyaret edilmediyse, altı çizgili ve mavi
  • Bir link daha önce tıklandıysa, ziyaret edildiyse, altı çizgili ve mor
  • Bir aktif link altı çizgili ve kırmızı (aktif link: link tam tıklandığı andaki durumu)

Fakat bu renkler varsayılan ve siz CSS ile rengini değiştirmediğinizde görünen renklerdir.

CSS ile linklerin tüm bu hallerinin renklerini değiştirmek mümkündür.

Örnek

<html> <head> <style> a:link { color: green; text-decoration: none; } a:visited { color: yellow; text-decoration: none; } a:hover { color: red; background-color: yellow; text-decoration: underline; } a:active { color: black; } </style> </head> <body> <a href="/html">HTML Öğren</a> </body> </html>

Kendin Dene »

HTML Link - target Özniteliği

target özniteliği ile tıklanan linkin nasıl açılacağı belirlenir.

target özniteliği şu değerlere sahip olabilir:

  • _blank - tıklanan link yeni bir tarayıcı penceresinde açılır.
  • _self - tıklanan link yine aynı tarayıcı penceresinde açılır. Bu varsayılandır.
  • _parent - tıklanan link frame (çerçeve) içinde açılır. Frame konusunda sonraki derslerde bilgi verilecektir.
  • _top - çerçeve içindeki bir link tıklandığında açılan sayfa çerçeve dışında açılır.
  • çerçeve adı- çerveve adı verilerek belge o çerçeve içinde açılabilir.

Örnek

<a href="https://uzmanim.net" target="_blank">uzmanim.net'i ziyaret et</a> <p>Link tıklandığında bu pencere sabit duracak ve link yeni pencerede açılacak</p>

Kendin Dene »

_top özelliği biraz daha anlaması zor bir değer olabilir. Şu örnekle daha iyi anlaşılacaktır:

Örnek

<p>Bu sayfa bir çerçeveden oluşmaktadır.</p> <a href="https://uzmanim.net" target="_top">uzmanim.net'e git</a>

Kendin Dene »

Kendin Dene sayfası frame (çerçeve) içeren bir sayfadır. _top bu sayfada daha anlaşılır olacaktır.

HTML Link - Bir Resme Link Verme

Bir resme link vermek istiyorsanız, resim HTML kodunu <a> etiketi ile sarmanız gerekir:

Örnek

<a href="https://uzmanim.net"> <img src="/img/ice-age.jpg" alt="Buz Devri"/> </a>

Kendin Dene »

Not: Resmin etrafında görünen border yanı sınır çizgisini gizlemek isterseniz style="border:0" kodundan yararlanabilirsiniz.

HTML Link - Sayfa İçinde Bir Bölüme Link Vermek

HTML belgeniz içinde uzun bir yazınız varsa, bu yazının belirli bir bölümüne link vermek isteyebilirsiniz.

Sadece yazılar için değil, aşağıya doğru uzayan uzun bir sayfanız varsa yine bu sayfada belirli bir bölüme link verebilirsiniz.

Bunun için yapmanız gereken link vermek istediğiniz yere id sahibi bir HTML elementi eklemektir:

Örnek

<p><a href="#bolum2">Bölüm 2'ye git</a></p> <h2>Bölüm 1 </h2> <p>Bu bölüm şunlardan oluşur</p> <h2 id="bolum2">Bölüm 2 </h2> <p>Bu bölüm şunlardan oluşur</p> <h2>Bölüm 3 </h2> <p>Bu bölüm şunlardan oluşur</p> <h2>Bölüm 4 </h2> <p>Bu bölüm şunlardan oluşur</p> <h2>Bölüm 5 </h2> <p>Bu bölüm şunlardan oluşur</p> <h2>Bölüm 6 </h2> <p>Bu bölüm şunlardan oluşur</p> <h2>Bölüm 7 </h2> <p>Bu bölüm şunlardan oluşur</p> <h2>Bölüm 8 </h2> <p>Bu bölüm şunlardan oluşur</p>

Kendin Dene »

Bunları Bilmelisin:

  • Başka bir web sitesine link vermek istiyorsan http:// veya https:// gibi tam adres olarak yazmalısın.
  • Web sitenin içerisindeki bir klasöre link vermek istiyorsan linkin /klasöradı/dosyaadı şeklinde olmalı.
  • Link vermek istediğin HTML belgesi linki içeren HTML belgesi ile aynı klasördeyse sadece dosya adını yazman yeterli.

Từ khóa » Html Link Verme özellikleri