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.

İrem Avcı 27/10/2019

Merhaba biz tablo'da en sonda link ekliyorduk o link bizi başka sayfaya götürüyordu ama şimdi yaptığımda olmuyor sizce neden?

yönetici 28/10/2019

İrem, şu konuya bak tabloda link nasıl ekleneceğini gösterir; olmuyorsa boş sayfada tablo oluşturun ve link ekleyerek deneyin.

Halime kaya 09/11/2019

Benim bi sitem var ve ben bu siteyi yükseltmek istiyorum ne yapabilirim

yönetici 11/11/2019

Halime, özgün içerikli makaleler yazmalısın, ve ayrıca google'dan "seo nedir" diye aratma yap seo konularını oku.

holmes 21/11/2019

hocam bir web sitesi yapıyorum dediğiniz gibi resimleri ekledim fakat siteyi deneme amaçlı başka pc den açtığım zaman resimler gözükmüyor bu resimleri nasıl gösterebilirim

yönetici 24/11/2019

resim yoluna ve .Jpeg .jpg .png uzantısına dikkat et Şu konuya bak.

Herdem Özdemir 16/01/2020

hocam merhaba html css kullanarak site yaptım. bu siteye sağ altta ad soyad mail adresi ve konu(mesaj) içeren bir metin kutucuğu eklemek istiyorum. böylelikle mail adresime mesaj gelicek yani site ve mail adresim arasında bir bağlantı olmasını istiyorum fakat cssle bu mümkün mü bilmiyorum. mümkünse nasıl yapabilirim. teşekkürler

yönetici 17/01/2020

Özdemir, malasef css ile olmaz, php dili ile olur. Yukarıda ki e-posta linkini kullan arasınada mail resmi iliştir. Bende kod yazmada, erindiğimden böyle kullanıyorum, aşağıdaki posta linkine tıklayarak çalışma sitilini görebilirsin.

veysel özdemir 25/01/2020

merhaba kolay gelsin anlatımlarınız gerçekten çok güzel ve açıklayıcı olmuş öncelikle bunun için teşekküre ederim. Benim bir sorunum var yardımcı olabilecek arkadaşlardan destek bekliyorum blog sitelerinde blogger yerlerinde yorum backlink alırken daha önce karşılaşmadığım birşey ile karşılaşıyorum mevcutda olan 3 web sitem için toplam 12 tane anahtar kelimeye link veriyorum fakat üzerilerine geldiğimde bu linklerin bazıları görünüyorken diğerleri javascript yazıyor linke gitmiyor sağ tık yapıp incele dediğimde ise yine aynı şekilde jaca script gösteriyor. yardımcı olursanız sevinirim.

yönetici 27/01/2020

Vaysel javascriptle link ver dene.

<input type="button" value="Siteye Git" onclick="location.href='https://www.google.com'">

Mehmet Tahir 15/02/2020

sayfanızdaki arama çubuğunu bende sayfama eklemek istiyorumda inputa yazdığım değeri google de aramasını istiyorum nasıl yapabilirim yardımcı olabilirmisiniz lütfen şimdiden teşekkür ederim çok faydalı bir web sitesi olmuş elinize sağlık ...

yönetici 17/02/2020

Mehmet, şu linkten yapacaksın. yapamazsan goole'dan "sitene google arama ekle" diye aratma yap, türkçe dökümanlar gelecek.

Yunus Koseoglu 13/03/2020

Hocam, html'de 20sn'lik süre bittiğinde linke çıkacak kod gerekiyor aradım bulamadım.

yener mekan 14/03/2020

Anasayfa yazısına tıkladığım zaman index.html ye gitsin istiyorum yardımcı olurmusunuz.

yönetici 15/03/2020

Yener, anasayfaya gitmek için href özelliğine gideceğin adresi yazmalısın.

<a href="index.html">Anasayfa</a>

yönetici 15/03/2020

Yunus, aşağıda kodları verdim.

<!DOCTYPE html>
<body>
<h2 id="sayac"></h2>

<a id="link" style="display:none" href="https://www.google.com/">google.com</a>

<script>

var sayac = document.querySelector("#sayac");

function kronemetre(){
let sayi = 0;
let durdur;
     
      durdur=setInterval(function(){
       if(sayi<21){
      
      sayac.textContent =sayi;
      sayi ++;  
      }else
 {
  clearInterval(durdur);
  link.style.display="block";
 }

},1000);

}
kronemetre();
</script>	
</body>
</html>

mehmet kuru 28/03/2020

Admin, 4 işlem nasıl yapılır html olarak otomatik toplama yapması gerekiyor nasıl yapabilirim ve örnek olarak bir model sectiğimde o modelin resmini ekranda nasıl gösterebilirim

yönetici 30/03/2020

Mehmet, HTML ile 4 işlem yapılamaz. javascript ve php kullanarak yapılır.

Ahmet gök 03/04/2020

Hocam, ben siteme dışardaki URL linklerini yapıştırdıktan sonra indir dediğimizde o videoyu indirmesini istiyorum Dreamweaver cs6 da çalışıyorum nasıl bir kod yazmam gerekir.

yönetici 05/04/2020

Ahmet, yukarda download linki yapma, diye bölümü oku. Videon, indirebilir olması için winrar ile sıkıştırma yapman gerekir.

Ozgedmr 13/04/2020

3 ayrı html sayfası oluşturdum. ilkine resim ekledim ve bu resimlere tıkladığım zaman 2. html sayfamın açılmasını istiyorum nasıl yapabilirim. çok acemiyim teşekkürler.

yönetici 14/04/2020


<a href="2.html"><img src="resim.jpg"></a>


        

Atakan 14/04/2020

peki hocam bir sayfa oluşturdum o sayfa içinde A B C link başlığı oluşturdum A başlığına tıklandığında hiçbir başka sayfaya yönlenmeden bu A B C başlıgın altına indirme linkleri oluşturmak istiyorum bu B ve C tıklandığındada aynı şekil olacak yardımcı olurmusunuz

yönetici 15/04/2020

Atakan, yukarıda SAYFA İÇİ KONULARA LİNK VERME kısmında anlatıldı.

Bahtiyar Özkesen 15/04/2020

Hocam ben sitemin google'da görülmesini istiyorum nasıl olacak . Birde siteye link yapmak istiyorum nasıl oluyor.

yönetici 15/04/2020

Bahtiyar, google'dan "Google’a Site Eklemek" diye aratma yap. Menü eklemek için şu konuya bak.

Atakan ARICI 15/04/2020

selam hocam o dediğniz kodu denedım ama örnek bir sitede o şekil değil örnek sitede. bu makalesinde sol orta tarafda Etiket/Sticker Şablonları var ordaki gibi Aİ tıklandıgında hemen altına indirme dosyaları dowloand linkleri açılıyor bu sayfa içi olayını o şekilde yapabiliyormuyuz Yardımcı olursan sevinirim

yönetici 16/04/2020

Atakan, Bildiğimiz download linki yukarda bu başlık altında anlatıldı. download yazısına tıkla aynı işi yapıyor. alt alta eklemek içinde <br> etiketi kullan. ai dosyaları direk inmiyorsa winrar proğramla dosyayı sıkıştırman gerekir.

Tunçbilek Gökalp 17/04/2020

ben 52 yaşındayım bu işlerede biraz merakım var benim sorunum şu benim kurmuş olduğum siteden ana site olan bir sitedeki üyelik formuna bağlantı veriyorum .fakat bu sefer ana sitenin bütün sayfalarını görebiliyorlar.ben sadece oradaki uyelik formuna bağlantı vermek istiyorum o sayfadaki menüyü veya sayfaları görsünler istemiyorum.

yönetici 18/04/2020

Tunçbilek, .html dosyanı html editör proğramla aç istemediğin yerleri sil.

Engin Ateş 24/04/2020

iyi geceler ben bir teknik servis sitesi kurmaya çalışıyorum tek site içerisinde yaklaşık 7 8 tane marka olacak markalar diye link yaptım burda gördüğümü üstüne gelince aşşağıya doğru markalar sıralanıyor fakat söyle bir sorum olacak ben her markaya ayrı ayrı html ve css mi oluşturmam gerekiyor o marka linkine tıklayınca onunla ilgili sayfa açılması için site deki her link için ayrı ayrı mı yapmam lazım

yönetici 24/04/2020

Engin, bu Site devamlı güncel bilgiler girildiği için php ile İçerik Yönetim Sistemi (CMS) sistemi ile yapıldı aslında tek sayfadır bilgileri veritabanından çekiliyor. websiten sabit kalacaksa ayrı ayrı sayfalar yaparak yapabilirsin devamlı güncellenecekse php dilini öğrenmen gerekir.

Aydın 30/05/2020

Hocam öncellikle anlatımınız icin teşekkür ediyorum; cok faydalı oldu. Fakat bir noktayı sormak istiyorum download linki oluştururken neden dosyayı sıkıştırmamız gerekiyor örneğin biz internetten dosya indirirken hepsi .rar veya .zip seklinde inmiyor kendi sitemizde bunu nasıl düzenleyebiliriz? şimdiden teşekkür ediyorum.

yönetici 31/05/2020

Bir haftaya kadar "HTML Download linki Ekle" konusu eklenecek orda anlatılıyor.

Ses sistemi 04/06/2020

selam verdiğiniz bilgiler için sizlere minetarız cok sağolun sanırım bu linkte olur umarım .. Link Yazısı ..

Nisa YÜKSEL 08/06/2020

Hocam merhaba, ben menü olarak anasayfa, hakkında ve iletişim yerlerini ekledim fakat bunları konumlandıramıyorum. F12 yapıp istediğim yere geliyorum fakat padding-top yerine herhangi bir şey yazamıyorum. Yardımcı olursanız sevinirim. ☺

yönetici 08/06/2020

Nisa, konumlandırma için margin özelliği kullanılır. padding özelliği dolgu verir. şu konulara bakın " CSS (DIŞ BOŞLUK)MARGİN NEDİR " | " CSS KONUMLANDIRMA " | " CSS YATAY MENÜ YAPIMI "

Can Aktürk 10/06/2020

ben hem apple store hem google play store da bulunan bir uygulamayı yüklemek için tıklayın yazmak istiyorum. Tıklayına tıklandığında IOS kullananlar apple store'a androıd kullananlar ise google play store a gitesini istiyorum. böyle bir işlem olabilir mi?

yönetici 11/06/2020

Can, javascript'le olur.

var x = navigator.userAgent.toLowerCase();
var mobil = x.indexOf("android") > -1;
if(mobil) {
     window.location = 'http://webcebir.com';
   }

var isiPhone = navigator.userAgent.toLowerCase().indexOf("iphone");
if(isiPhone > -1)
  {
  window.location = 'http://google.com';	
}

Can kara 22/06/2020

Hocam merhaba, yerelreklam.net adında bir web sitem var bu siteye resim eklemek istediğim zaman sadece link istiyor hızlı resim yükleme sitesine resim ekliyorum ondan linki kopyalayıp alıyorum fakat aldığım linkte ne yaptıysam bir türlü resim çıkmıyor bu durumda ne yapmam gerekir veya sizin öneriniz ne olabilir

yönetici 24/06/2020

Can, siten wordpress hazır sistemse yönetici panelinden yükleyebilirsin.
Lütfen konu haricinde soru sormayın cevaplanmayacaktır. Yorumunuz onaylandıktan sonra yayınlanacaktır.

2574

KATEGORİ
  • HTML
  • CSS
  • PHP
  • JQUERY
  • PHOTOSHOP
  • JavaScript
  • Web Dünyası
  • Linux
  • MİTHRİL FRAMEWORK
  • Laravel
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 RESİM EKLEME
  • CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
  • HTML ARKAPLANA MÜZİK EKLEME
  • HTML KAYAN YAZI VE Marguee KULLANIMI
ETİKET
WEBCEBİR © 2013 Tüm hakları saklıdır.