Web Programlama

Web Programlama

Link Oluşturmak

Lisans: Creative Commons 26.11.2020 tarihinde güncellendi
Bakabileceğiniz Etiketler: Eğitmen: Geleceği Yazanlar Ekibi

HTML'in önemli özelliklerinden biri, bir metin parçası ya da bir resim üzerinden başka bir belgeye bağlantı kurabilmesidir. Bu bağlantı, link adı verilen yapılar sayesinde gerçekleştirilmektedir. Bir resim ya da metnin rengi değiştirilerek ya da metin alt çizgili hale getirilerek bu resim ya da metnin bir hipermetin linki (hypertext link) ya da sadece link olduğu belirtilir.

Bir link oluşturmak için aşağıdaki adımlar izlenmelidir:

  • <a sembolü ile başlanır.
  • href="DosyaAdı" ifadesi yerleştirilir. Burada DosyaAdı parametresi, oluşturulan link yardımıyla çağrılacak olan dosyanın adıdır.
  • > sembolünü yerleştiriniz.
  • Linki oluşturacak metni giriniz.
  • </A> etiketiyle ifadeyi tamamlayınız.
<a href="http://gelecegiyazanlar.turkcell.com.tr">Anasayfa</a>

Yukarıdaki örnekte anasayfa adında bir link oluşturulmakta ve bu bağlantıya fareyle tıklandığında portalın anasayfasını çağırmaktadır.

URL yapısı

URL, bir adres bilgisidir. Web tarayıcıya işaret edilen dosyanın nerede bulunduğunu gösterir. URL'ler, dosyaların Web ya da yerel sabit diskiniz üzerindeki yerini işaret eder.

Bir URL'in genel yapısı aşağıdaki gibi üç kısımdan oluşur:

  1. Erişilecek olan kaynağın tipi (Web, FTP vb.)
  2. Sunucunun adresi
  3. Dosyanın yeri

Bir URL'in yazılış biçimi aşağıdaki gibidir:

KaynakTipi://host.saha [:port]/yol/DosyaAdı

KaynakTipi parametresi aşağıdakilerden biri olabilir:

  1. file: Yerel sisteminizdeki bir dosya adıdır. Yerel erişim söz konusudur.
  2. ftp: Erişilecek kaynak bir FTP sunucusundaki dosyadır.
  3. http: Erişilecek kaynak World Wide Web üzerindeki bir sunucuda bulunan dosyadır.

 

Target özelliği

Target özelliği sayesinde, bağlanan web sitesinin nerede açılacağını belirleyebilirsiniz. Örneğin adresin yeni bir sayfada açılmasını sağlamak için aşağıdaki HTML kodunu girmek gerekir.

<a href="http://gelecegiyazanlar.turkcell.com.tr" target="_blank">Turkcell Geleceği Yazanlar</a>

Aşağıdaki tabloda, target özelliği ile kullanabileceğiniz parametrelerin listesi yer almaktadır:

Özellik Tanım
_blank  sayfayı yeni bir pencere ya da sekmede açar.
_self sayfayı aynı çerçevede açar. (öntanımlı olan özelliktir)
_parent  sayfayı bir üst çerçevede açar.
_top sayfayı en üst çerçevede açar.