HTML Link Uygulaması 2

HTML de kendi oluşturduğumuz web sayfalarından internette bulunan web sitelerine bağlantı(link) oluşturabiliriz. Bunun için a etiketi ve href parametresi kullanılır.
href parametresine gidilecek sayfanın URL adresi yazılarak istenlin bağlantı oluşturulmuş olur.
Örnek:

<p><a href="http://www.w3schools.com" target="_blank">w3schools'a gidin</a>

Kendi web sitemiz içinde link oluşturmak için dosya adından ve dosyanın konumundan faydalanılır.
Örneğin hakkimizda. html sayfasında olduğumuzu ve aynı klasör içinde bulunan iletisim.html sayfasına link vereceğimizi varsayalım.Bu durumda hakkimizda.html sayfasına aşağıdaki kodların yazılması gerekir.

<a href="iletisim.html">İletişim</a> Ancak link vereceğimiz sayfa bulunduğumuz konumda bir klasörün içinde ise klasör_adı/dosya_adi şeklinde dosyaya ulaşabiliriz.
Örneğin iletisim.html sayfasından hakkimizda klasörünün içindeki vizyon.html sayfasına link vermek için aşağıdaki kodlar kullanılır. <a href="hakkimizda/vizyon.html>Vizyon</a> Bir üst klasörü için ise ../ işaretleri kullanılır
Kuralı basitçe açıklayacak olursak, alt klasör için klasör ismi/ üst klasör için ../ işaretleri kullanılır.


Yorumlar


Yorum yapabilmek ve kaynak kodları indirebilmek için lütfen üye girişi yapın

Hakkımızda

Bu site, website tasarımı yapılırken frontend(ön yüz) teknolojileri hakkında kısa anlatım ve örnekler paylaşmak amacıyla hazırlanmıştır.

Web tasarımda şu an için en sık kullanılan dil ve frameworkler HTML, CSS, JQUERY ve BOOTSTRAP olması sebebiyle bu alanların üzerinde örnekler ve çalışmalar olacaktır.

Son Yorumlar

İletişim

  • info@frontendokulu.com