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

WebmasterForum

Coder / Web Uzman
Yönetici
Katılım
19 Ara 2017
Mesajlar
546
Tepki
62
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.

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
Kod:
<a href="http://www.wmlik.com">link ekle</a>
2-Sitenin içindeki html sayfasına link verme
Kod:
<a href="index.php">ANASAYFA'YA GİDER</a>

Site Adresinizin sonu (index.php ile bitiyor ise index.php yapınız)
wmlik.com şeklinde ise / işareti koyunuz.
<a href="/">

3 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.
Kod:
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.wmlik.com" target="_blank">wmlik.com</a>

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.
Kod:
<a href="mailto:admin@wmlik.com">İLETİŞİM</a>

DOWNLOAD LİNKİ YAPMA

Dowload linki oluşturmak için öncelikle dosyamızı sıkıştırmak(.zip .rar ) gerekir.
Kod:
<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.
Kod:
<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>
 
Üst Alt