Menu Position

Style Color

Box Style

Theme Color

Samet KAYA

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

Ana Sayfa Blog Listesi 16 Kasım 2019
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:iletisim@samet-kaya.com.tr">İ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>

Leave a comment