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. ☺
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.
Seslidelice 16/08/2020
Sitenizi kayıt ettim ve takip ediyorum çok yararlı olacağı inancını taşıyorum. Teşekür ederim bilgilendirdiniz icin.
efebakan 29/10/2020
Hayırlı günler Elinize Emeğinize Sağlık Yazınız Gerçekten çok Güzel OLMUŞ Çok Açıklayıcı Bir Sorum Olacakdı Elimde Reklam Yapabileceğim çok Site Sosyal Ağlar Var Banner Reklamı Link Reklamı vs...
Sorum şu Bu kodu Intagram veye Whatsapp adresime nasıl yönlendire bilirim
Yardımlarınız için ÇOK ama ÇOK Teşekkürler
yönetici 31/10/2020
efebakan, siteler arası iletişime izinleri varmı ve nasıl yapacağını kodları vererek yol gösterirler. Intagram veye Whatsapp help açıklama bölümlerinde varmı araştır. google'dan araştır.
Yaprak Öztürk 19/02/2021
Yaprak İle sohbet sayfanın URL silindi lütfen yardımcı olur musunuz bu konuda rica etsem
yönetici 21/02/2021
Yaprak, soruyu tam anlamadım, Yıllık domain parasını ödemediysen adres silinir.
SesliKat 21/06/2021
Hayırlı günler, Elinize Emeğinize Sağlık Yazınız Gerçekten çok Güzel OLMUŞ Çok Açıklayıcı olmuş.
Yasin 28/09/2021
Merhaba,
Facebook ta arkadaşalarımı sıraladığımda onların üstüne tek tek tıklayıp yan sekmede acıyorum.
Bunun yerine HTML kodu var mı link içinde " profile " yazıyorsa onu sekmede acması için ?
Tarayıcıya O kodu yazalım ilgili linkler otomatik açılsın.
Teşekkürler..
yönetici 01/10/2021
Yasin, bu konu ile uğraşmadım varsa html kodu olmaz javascript kodu vardır. sitesinden facebook'un dökümanlara bakman gerek.
Ersin 14/10/2021
Günaydın, Wordpress altyapı ile web sitemiz var.
İki ayrı şubesi olan bir firma bu yüzden ana sayfada gelen kişiye bu iki şube den hangisine gitmek isteyeceğini soracağız.
Sadece Ana sayfalar ayrı diğer sayfalar ortak olarak ayarlandı.
Bu bağlantıyı nasıl yapacağım. Konu hakkında bir bilgi verme şansın var mı?
Nasıl yapılabilirim... bir belge video vs...Teşekkürler ????
yönetici 14/10/2021
Ersin, javascript ile sorma işlemi yapılır; Ama kolay yöntem iki şubenide yaz kullanıcı nereye girmek istiyorsa kendi kara versin altınada linkleri yerleştir.
Sungur Kerem 12/01/2023
Gayet iyi çalışıyor ellerinize sağlık sürekli bu siteden copy paste yapıyorum.
sohbetdekal 13/04/2023
Harikasınız sizi takip etmekdeyim.
SesliYa 03/11/2023
Hayırlı günler, Elinize Emeğinize Sağlık Yazınız Gerçekten çok Güzel OLMUŞ Çok Açıklayıcı olmuş efendim SesliYa Ekibi Olarak sizi takip etmekdeyiz super Paylasımlarınız var
Lütfen konu haricinde soru sormayın cevaplanmayacaktır. Yorumunuz onaylandıktan sonra yayınlanacaktır. Lütfen Yukarıda ki mesajları okuyun tekrar aynı soruları sormayın.
