A Tagı Nasıl Kullanılır?

HTML'nin en büyük özelliklerinden birisi, tek sayfa ile sınırlı kalmamasıdır.

Böylece bir sayfadan digerine baglanti yapilabilir. HTML'in bu görevini yerine getirmesini saglayan belirteç <a> 'dir Dökümaninizdan baska dökümana baglanti ypabilmek için:

<a href="internet.html"> Internet nedir? </a>

Ekranda "Internet Nedir?" yazisi belirecek ve kullanicidan burayi seçmeyi bekleyecektir. Kullanici fare ile bu yazi üzerine tikladiginda ise program kontrolü yine bir HTML dosya olan internet.html dosyasina birakacaktir. Bu durumda bulundugunuz dizinden farkli bir dizindeki dosyaya baglanti yapmak isterseniz, o dosyanin ait oldugu dizini yazmak zorundasiniz.Buna göre "languages/Fortran/introduction.html" dosyasini kullanabilmek için

<a href="languages/Fortran/introduction.html" > Fortran diline giris </a>

Standart olarak linkler browserlarda aşağıdaki gibi görünürler. CSS tanımlaması yapılmamışsa bu şekilde çalışırlar.

  • Hiç ziyaret edilmemiş linkler altı çizgili mavi renkte
  • Ziyaret edilmiş olanlar altı çizgili mor renkte
  • Farenin üzerinde bulunduğu tıklanmak üzere olan link rengide kırmızıdır.

A Tag

Parametreleri

Attribute Value Description
download filename Specifies that the target will be downloaded when a user clicks on the hyperlink
href URL Linkin gideceği URL sayfanın tanımlar
hreflang language_code Specifies the language of the linked document
media media_query Specifies what media/device the linked document is optimized for
ping list_of_URLs Specifies a space-separated list of URLs to which, when the link is followed, post requests with the body ping will be sent by the browser (in the background). Typically used for tracking.
referrerpolicy no-referrer
no-referrer-when-downgrade
origin
origin-when-cross-origin
same-origin
strict-origin-when-cross-origin
unsafe-url
Specifies which referrer information to send with the link
rel alternate
author
bookmark
external
help
license
next
nofollow
noreferrer
noopener
prev
search
tag
Specifies the relationship between the current document and the linked document
target _blank
_parent
_self
_top
Tıklanan sayfanın nerede açılacağını belirtir.
type media_type Specifies the media type of the linked document

 

Bir resim bağlantısı olarak nasıl kullanılır?

<a href="https://www.w3schools.com">
<img border="0" alt="W3Schools" src="logo_w3s.gif" width="100" height="100">
</a>

 

Yeni bir tarayıcı penceresinde bir bağlantı nasıl açılır?

<a href="https://www.w3schools.com" target="_blank">Visit W3Schools.com!</a>

 

Bir e-posta adresine nasıl bağlantı verilir?

<a href="mailto:someone@example.com">Send email</a>

 

Bir telefon numarasına nasıl bağlantı verilir?

<a href="tel:+4733378901">+47 333 78 901</a>

 

 

Aynı sayfadaki başka bir bölüme nasıl bağlantı verilir?

<a href="#section2">Go to Section 2</a>

 

JavaScript'e nasıl bağlantı verilir?

<a href="javascript:alert('Hello World!');">Execute JavaScript</a>
 

HTML'in bir diger özelligi ise, tek bir makinaya bagimli kalmadan diger Internet servisleriyle baglanti kurabilmesidir. Bunun için URL (Uniform Resource Locator) kullanilir. URL, http,gopher, news olabilecegi gibi telnet de olabilir. Kullanim "sentaksi",

URL-ismi://makina-ismi[:port]/dizinler/dosya-ismi

Burada URL,

file : Kendi sisteminizde bir dosyaya,
http : Bir WWW sunucusu üzerindeki dosyaya,
gopher : Gopher sunucusu üzerindeki dosyaya,
news : Bir UseNet newsgroup'taki dosyaya,
WAIS : WAIS sunucusu üzerindeki dosyaya

erismek için kullanilir.

Port numarasi, genellikle yazilmaz. Size aksi durum belirtilmedikçe, kullanmaniza gerek yoktur.

Halihazir döküman bölgeleri baglantilari

Bir metin üzerinde belirli bölgelere ulasmak için yine belirteçler kullanilabilir. Diyelim ki bir döküman hazirladiniz ve bunu kullanicinin erisebilecegi 2 parçaya ayirmak istiyorsunuz. Yapmaniz gereken, bu üç parçanin isimlerini belirlemek ve dökümanda yerlerini ayirmaktir. Örnekte,

   <a href="bu_dökümanin#1.parça"> Buradan ilk bölüme gidin </a>

   <a href="bu_dökümanin#2.parça"> Buradan ikinci bölüme </a>

   <a name="1.parça"> Iste ilk bölüm>

   Ilk bölüm ile ilgili metinler burada... </br>

   <a name="2.parça"> Iste ikinci bölüm>

   Ikinci bölüm ile ilgili metiner burada.. </bt>

<a href= ile basladiginiz belirteçte önce döküman ismini, sonra da dökümanin içindeki parça ismini girmelisiniz. <a name= belirtecinde ise o belirteçten itibaren parçanin basladigini anliyoruz.

Diger döküman bölgelerine baglanti

Yukaridaki örnek dogrultusunda farkli olarak tek yapilmasi gereken, döküman ismine, hangi dökümana baglanti yapmak istiyorsak o ismi vermektir.
 
   <a href="diger_döküman_ismi#parça_ismi"> baska dökümana geçis</a>

   <a name=parça_ismi>

www.dijitalders.com


Kaynak

Yorumunuzu Ekleyin


Yükleniyor...
Yükleniyor...