HTML Link Ekleme
Malumunuz web siteleri yüzlerce hatta binlerce sayfadan oluşmaktadır. İşte bu HTML sayfaları HTML link ekleme ile birbirlerine bağlanırlar.
HTML Link
Linkler (Türkçesiyle bağlantılar) web’in tanımlayıcı özelliğidir. Zira bir web sayfasından diğerine geçilmesini sağlar. Bu demektir ki tüm internet linkler üzerine inşa edilmiştir ve HTML sayfaları birbirlerine linkler aracılığıyla bağlanırlar.
HTML dökümanlarında link oluşturmak için <a> </a> elementinden faydalanılır. Bu iki etiket arasına yazılan herhangi bir şey tıklanabilir hale gelecektir; <a href="url">bağlantı metni</a>
<a> </a> etiketleri arasında arasındaki metin, bağlantı metni olarak adlandırılır. Ve mümkün mertebe bağlantı metni, ziyaretçilerin tıklamaları halinde nereye götürüleceği açıklayacak şekilde yazılmalıdır.
Zira anlaşılır bir şekilde yazılmış bağlantı metni, ziyaretçilerin istediklerini bulmalarına yardımcı olabilir. Bu sitenizi ziyaret eden kullanıcılara siteniz hakkında daha olumlu bir izlenim verecektir.
Hyper REFerence kelimelerinin kısaltmasından türetilen href özelliğine yazılan URL ise başka bir HTML sayfası olabildiği gibi bir web sitesi veya herhangi bir dosya olabilir. Zaten HTML’in açılımının Hyper Text Markup Language olduğu göz önünde bulundurulduğunda bu durum anlaşılacaktır.
See the Pen Untitled by 1kodum (@1kodum) on CodePen.
Web tarayıcılarında varsayılan olarak bir link aşağıdaki varsayılan özelliklerde görüntülenir. Tabi belirtmek gerekir ki CSS kullanarak pekala bu varsayılan özellikler değiştirilebilir:
- Eğer link hiç tıklanmadıysa altı çizgili ve mavi
- Eğer link daha önce tıklandıysa altı çizgili ve mor
- Link tam tıklama anında ise altı çizgili ve kırmızı (buna aktif link denir) olur.
HTML Link Oluşturma
Genellikle HTML ile link oluştururken aşağıdaki link türleriyle karşılaşırsınız:
- Bir web sitesinden bir başka web sitesine link verme
- Aynı web sitesinde bir sayfadan diğerine link verme
- Bir web sayfasının bir bölümünden aynı sayfanın başka bir bölümüne link verme
- Yeni bir tarayıcı penceresinde açılan linkler
- E-posta programınızı başlatan ve yeni bir e-postayı birisine yönlendiren linkler
HTML target Özniteliği
HTML’de target özniteliği ile tıklanan linkin nasıl açılacağı ayarlanır. Özniteliğin değeri aşağıdaki tablodaki gösterilen değerlere sahip olabilir:
| Değer | Görev |
|---|---|
| _self | varsayılan olan bu özellik tıklanan linki aynı tarayıcı penceresinde açar |
| _blank | tıklanan linki yeni bir tarayıcı penceresinde açar |
| _parent | tıklanan linki bir frame (çerçeve) içinde açar. |
| _top | çerçeve içindeki bir link tıklandığında açılan sayfayı çerçeve dışında açar |
See the Pen Untitled by 1kodum (@1kodum) on CodePen.
HTML Resme Link Verme
HTML sayfalarında bir resme link vermek için <img> </img> elementini <a> </a> elementi ile sarmak gerekir.
See the Pen Untitled by 1kodum (@1kodum) on CodePen.
HTML Sayfa İçerisine Bağlantı Verme
Aynı HTML sayfasının belirli bir bölümüne de pekala link verme işlemi gerçekleştirilebilir. Bunu yapabilmek için link vermek istediğiniz bölüme id sahibi bir HTML elementi eklemektir:
See the Pen Untitled by 1kodum (@1kodum) on CodePen.
HTML E-Posta Başlatan Bağlantı Verme
href özniteliğinin içerisine mailto: özelliği eklenirse ilgili bağlantıya tıklamayla e-posta aktif edilir.
See the Pen Untitled by 1kodum (@1kodum) on CodePen.