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

GOOGLE GİDER

ÇIKTI:

Sitenin içindeki html sayfasına link verme

ANASAYFA'YA GİDER

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.

google.com

Ç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.

İLETİŞİM

DOWNLOAD LİNKİ YAPMA


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

Download

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.

YUKARI ÇIK

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

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

RESİME LİNK VERME


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

Bilal Diyor ki 09/08/2015

Merhabalar, Blog link bağlama metnini okudum çok teşekkürler, page ranki iyi olan siteye kendi rent a car sitem için link bağlantısı yapılabilirmi selamlar dalaman Bilal:0551-1201565

yönetici Diyor ki: 10/08/2015

Herhangi bir siteden sizin siteye link verilebilir. Tabiki link verecek sitenin sahibi ile görüşmeniz gerekir.

yusuf Diyor ki 14/10/2015

merhabalar. css içerisinde aşağıdaki kısıma nasıl link verenbilirim ? } span.sp-nh-text { margin: 0 6px 0 0

yönetici Diyor ki: 14/10/2015

Yusuf css'de link verme yoktur. Verdiğin kodlardan HTML sayfa içerisinde span etiketi ve class'ı sp-nh-text olan html etiketin var O'da şu şekilde HTML sayfanda yer alır.

<span class="sp-nh-text"></span>

Yukardaki kodu HTML sayfanda bul. Link verme:

<a href=""><span class="sp-nh-text"></span> </a>


Serkan Diyor ki 14/10/2015

Herkese slmlar sizden 2 ricam olcak birincisi html ve css kullanarak örnek yaptigim siteme sileder ekledim fakat slidere link veremiyorum siledere nasil link vercem.ikincisi site ici arama icin input arama kutusu yapiyorum icine arama iconunu koyuyorum fakat bu kezde kutu icerigine yazi yazamiyorum icon engelliyo nasil yapmam lazim tşk.


yönetici Diyor ki: 14/10/2015

Serkan Slider'da eklediğin resimleri HTML sayfanda bul ve Link ver. İnput kutunda ki iconu yazı başladığı sola değilde sağ tarafa yerleştir.

erkan Diyor ki 24/01/2016

pirobox'a nasıl indirme linki koyabiliriz

yönetici Diyor ki: 26/01/2016

Erkan, pirobox(resim efekti) resimlerine indirme linki eklemek istiyorsan, resimlerin altına indirme butonu veya yazıyla resimleri indir linki eklemek için:

ÖRNEK:

<a href="img/resim.jpg" download="resim.jpg"> resmi indir</a>

Adınız

Eposta

Mesaj

5687

Güvenlik No

REKLAM
KATEGORİ
POPÜLER MAKALE