post

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

Hits: 0

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

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

ÇIKTI:

Sitenin içindeki html sayfasına link verme

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

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

1
<a href="mailto:seslirize.net@gmail.com">İLETİŞİM</a>
DOWNLOAD LİNKİ YAPMA

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

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

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