METİNLERE LİNK BAĞLANTISI İŞLEMLERİ

Web (HTML) sayfalarının yazılara link verme uygulamalarını anlatacağım.
Link işlemleri ile bulunduğumuz bir sayfadan başka bir sayfaya, hatta başka bir web sitesine geçişini sağlamak için kullanırız. Bir yazı metninde bir harf, bir cümle, bir kelime ve bir cümleye link işlemi uygulayabileceğimiz gibi, bir resim ve butonlara da link verilebilir.
biz bu dersimizde yazıya link verme işlemini işleyeceğiz.
Link işlemlerinin ne işe yaradığını kavramak için örneğimize bir atınız.

Lafı daha fazla uzatmadan uygulamalara başlayalım.Link verme işlemi <a> </a> etiketleri arasına yazılır.

<a> href="test.html">BURAYA TIKLATINIZ </a>
Yukarıda <a> </a> etiketleri arasına standart bir link yazı kodu verilmiştir, bu kodda "test.html" yazılmış yere gidilecek web sayfasının yani hedef sayfanın web deki adresi yazılır. "BURAYA TIKLAYINIZ" yazılı yerede Web sayfasında görünmesini istediğiniz metni yazabilirsiniz,


Bir uygulama yapalım siz şimdi bir Notepad (metin belgesi) açın ve aşağıdaki kodu koplalayarak yapıştırın. Linkler ile ilgili açıklamalar kod kutusu içinde yer almaktadır.

Yapıştırdıtan sonra dosyayı link.html isminde farklı kaydeterek bir html dosyası oluşturun sonra bu link.html dosyasını açarak kontrol edelim. Sonuç aşağıdaki gibi çıkması gerekir,


TEST SAYFASI İÇİN BURAYA TIKLATINIZ
RESİM İÇİN TIKLATINIZ
CANLI RADYO DİNLE

Dikkat ettinizmi;
1. link, aynı sayfanın yerine hedef sayfayı açıyor, (Test Sayfası)
2. link, target="blank" uygulanarak hedef resim objesini ayrı bir windows penceresinde açıyor,
3. link, bizim sitemizin dışında başka bir siteye geçiş yapıyor,

Önemli bir ip ucu; web masterler başka sitelere link verirken özellikle target="blank" komutu kullanırlar, çünkü ziyaretçilerin kendi sitelerinden başka sitelere geçerek kendi sayfalarının ekrandan kaybolmasını tercih etmezler, anladığınız gibi target="blank" komutu kullanarak kendi sayfalarını kapatmadan hedef siteyi ayrı bir windows penceresinde açmak isterler.

Yazıya link verme işlemide bu kadardır, konuyu pekiştirmek için bir kaç deneme daha yapınız.

  

Copyright © 2018 Hüseyin Tepe