HTML LİNK(Bağlantı)EKLEME - LİNK VERME

Bir HTML belgesinde link(bağlantılar)verme işlemini <a> Etiketi ile yapmaktayız. <a> Etiketi bir adres belirterek başka sitelere sayfalara yada aynı sayfanın farklı bölümlere bağ vermek ,resimlere link verme veya eposta adresimize link veririz. Aynı zamanda bu yolla bir zip arşivine , Müzik dosyalarına(vb..) link vermemiz Mümkündür.

LİNK VERME İÇİN KULLANILAN NİTELİKLER



SAYFALARA LİNK VERME


Link oluştumak için <a> Etiketini kullanırız. Linkin kaynağını belirleyen href="" Nitliğini kullanırız. daha iyi anlamak için örnek yapalım.

1- Siteye link verme


<a href="http://www.google.com">GOOGLE GİDER</a>

ÇIKTI:

Sitenin içindeki html sayfasına link verme


<a href="index.html">ANASAYFA'YA GİDER</a>

LİNKLER(Bağlantılar) HEDEFLER


Şu ana kadar öğrendiğimiz link verme metoduyla , Linkin yer aldığı sayfanın yerine başka bir sayfanın yüklenmesini sağlıyoruz. Oysa yüklenmiş sayfanın kaybolması arzu etmeyiz ve linkin yeni pencerede yer almasını isteriz. Örneklere bakalım.

Target="_blank" Yeni bir tarayıcı pencerisinde sayfa açar

Target="_self" Mevcut pencerede sayfa açar.

_self Değeri varsayılı olarak gelir. Belirtmemiz gerek duyulmaz.

_blank Metin bağlantısına her bir tıklama ile yeni bir web tarayıcı pencerisi açılır.


<a href="http://www.google.com" target="_blank">google.com</a>

ÇIKTI:

NOT:

Sitenizde kullanıcıları tutmak için başka sitelere Link verdiğinizde ayrı pencerede açılmasını sağlayın.

E-POSTA LİNKLER


Bir e-posta bağlantısı oluşturmak kolaydır. Eğer insanlar sitenizle ilgili iletişime geçmek isterlerse e-posta linki oluşturulur.


<a href="mailto:admin@webcebir.com">İLETİŞİM</a>

DOWNLOAD LİNKİ YAPMA


Dowload linki oluşturmak için öncelikle dosyamızı sıkıştırmak(.zip .rar ) gerekir.


<a href="imageshtml/text.rar">Download</a>


SAYFA İÇİ KONULARA LİNK VERME


Bu parametre ile aynı döküman içinde belirlenmiş başka bir satıra direk geçiş yapılır.


<a href="#yukari">YUKARI ÇIK</a>

# işareti id'si yukarı id="yukari" olana git demektir. Ben ilk başlığıma bu kodu yerleştireceğim


<h2 id="yukari">LİNK VERME İÇİN KULLANILAN NİTELİKLER</h2>

RESİME LİNK VERME


Bunun için lütfen Resime link vermek konusuna bakınız.


ogün demirkiran 08/07/2018

Emeğinize sağlık.

Rumeysa S. 26/09/2018

Mükemmel bi anlatım şekili çok sağolun çok begendım cok ısıme yaradı unuttugum şeylerı tekrar hatırladım sayenızde :))

ZanaLab 15/11/2018

Çok teşekkür ederim yararlı bir konu, teşekkür ederiz.

ERTAN GÖL 25/03/2019

Hocam, css ile p etiketine özellik atadıktan sonra ben o paragrafa link vermek istiyorum, mesela bir paragraf yazdım css ile de font ayarları vs atadım. ve bu paragrafın içinde bir kelimeye link vermek için html sayfasında a etiketi ve href ile link verdğimde çalışmıyor. sorunu nasıl çözebiliriz. kusura bakmayın yeniyim ve çözemedim. şimdiden teşekkürler.

yönetici 26/03/2019


<p>Lorem Ipsum, dizgi ve baskı 

<a href="http://www.google.com" target="_blank">endüstrisinde</a> 

kullanılan mıgır metinlerdir.</p>

Öner TÜRKSEVER 15/06/2019

Gerçekten çok iyi bir anlatım olmuş, çok işime yarayacak çalışırsa. Çalışıyor mu diye yoruma yazıyorum bakalım olacak mı. :) Oluyorsa elinize sağlık, olmuyorsa da canınız sağolsun.

seslisuu 24/07/2019

Sitenizi kayıt ettim ve takip ediyorum çok yararlı olacağı inancını taşıyorum. Teşekkürü bir borç biliyorum.

Taha 18/08/2019

Bu Linklerin Boyutunu Büyütebiliyor muyuz ? Şimdiden Teşekkürler.

yönetici 19/08/2019

Font büyütmek için style Özelliği ekle.

<a href="http://www.google.com" style="font-size:32px">google</a>


        

Seda yurt 08/09/2019

Video ya link nasil eklenir?

yönetici 08/09/2019

Seda, <a> etiketi içine yazı yazarsan yazıya link verir. <a> etiketi arasına img(resim etiketi)yerleştirirsen resme link verir. video etiketi yerleştirirsen video'ya link verir. örnek görmek istersen yukarı arama yerine "html resme link verme" diye arat.

Yıldız 11/09/2019

merhaba, worde link kopyaladığımda linke tıklama aktif olmuyor bunu nasıl yapabilirim

yönetici 11/09/2019

Yıldız, google'dan "word'de link verme" diye aratma yapınız.
Lütfen konu haricinde soru sormayın cevaplanmayacaktır. Yorumunuz onaylandıktan sonra yayınlacaktır.

2220

KATEGORİ
  • HTML
  • CSS
  • PHP
  • JQUERY
  • PHOTOSHOP
  • JavaScript
  • Web Dünyası
  • Linux
  • MİTHRİL FRAMEWORK
POPÜLER MAKALE
  • HTML LİNK(Bağlantı)EKLEME - LİNK VERME
  • HTML YAZI VE RESİM ORTALAMA
  • HTML RESME LİNK VERME
  • HTML DİV ve SPAN NEDİR?
  • HTML FORM OLUŞTURMA
  • HTML KAYAN RESİM VE Marguee KULLANIMI
  • HTML ARKAPLANA MÜZİK EKLEME
  • HTML RESİM EKLEME
  • CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
  • PHP ceil()-floor()-round() YUVARLAMA FONKSİYONU
ETİKET
WEBCEBİR © 2013 Tüm hakları saklıdır.