HTML Link (Bağlantı)

Web sayfaları arasında gezinti yapılabilmesi için sayfaların içerisine linkler yerleştirilir. Başka bir sayfaya veya sayfa içerisindeki bir başka konuma linklerle ulaşılabilir.

<a> </a> : Link vermek için bu tag kullanılmaktadır. Bu tagda birtakım parametreler kullanılır. Bu parametrelerle hangi sayfaya link verildiği link verilen sayfanın nerede açılacağı bilgileri verilir.<a> tagı </a> ile kapatılır.

<a href=“değer” target=“değer” > Sayfada Görünecek Açıklama </a>

href : Hangi sayfaya link verileceğini belirler. Link verilecek dosya çalışma klasörünüzle aynı konumda ise dosyanın adını vermek yeterlidir. Fakat farklı bir konumda ise yolu belirtilmelidir. Günümüzde kullanılan wordpress, joomla gibi platformlarda tam url adresi yazılmaktadır.

Örnek

Platform kullanmadığımızı düşünelim,

index.html ve ozgecmis.html dosyaları aynı konumda olsun. index.html dosyasından link vererek ozgecmis.html çağırmak için sadece dosya adını vermek yeterlidir.

index.html dosya içeriği

<!DOCTYPE html>
<HTML>
<head>
<title>Kişisel Web Sayfam</title>
</head>
<body>
    <a href=ozgecmis.html>Özgeçmiş için tıklayınız</a>

</body>
</HTML>

Eğer ki çağıracağımız sayfa başka bir sitede ise href parametresi tam url olmalıdır.

<a href="https://www.youtube.com">Youtube gitmek için tıklayınız</a>

Youtube gitmek için tıklayınız

target : Bu parametre linke basıldığında sonucun nerede görüntüleneceğini belirler. Eğer kullanılmazsa linke basıldığında aynı sayfa üzerinde görüntüleme yapılır. Target parametresi en çok Frame’lerle birlikte kullanılır. Tıklanan sayfanın yeni bir sekmede açılması için target parametresi “_blank” yazılmalıdır.

 

<a href="https://www.youtube.com" target="_blank">Youtube gitmek için tıklayınız</a>

Youtube gitmek için tıklayınız

Eğer sayfanızda bir resim var ve bu resme tıklandığında bir url çağırılmak isteniyorsa, işlem çok basit adım adım gidelim.

resim için koymak için <img src=resim.jpeg>

resim ifadesini bu hale getirin <a><img src=resim.jpeg></a>

sonra url yazalım <a href=”https://www.youtube.com”><img src=resim.jpeg></a>

Örnek

<a href="https://ceptebilisim.com">
<img src="https://ceptebilisim.com/wp-content/uploads/2022/03/cepteBilisimWebLogo-1.png"/>
</a>

HTML Link (Bağlantı)

Web sayfaları arasında gezinti yapılabilmesi için sayfaların içerisine linkler yerleştirilir. Başka bir sayfaya veya sayfa içerisindeki bir başka konuma linklerle ulaşılabilir.

<a> </a> : Link vermek için bu tag kullanılmaktadır. Bu tagda birtakım parametreler kullanılır. Bu parametrelerle hangi sayfaya link verildiği link verilen sayfanın nerede açılacağı bilgileri verilir.<a> tagı </a> ile kapatılır.

<a href=“değer” target=“değer” > Sayfada Görünecek Açıklama </a>

href : Hangi sayfaya link verileceğini belirler. Link verilecek dosya çalışma klasörünüzle aynı konumda ise dosyanın adını vermek yeterlidir. Fakat farklı bir konumda ise yolu belirtilmelidir. Günümüzde kullanılan wordpress, joomla gibi platformlarda tam url adresi yazılmaktadır.

Örnek

Platform kullanmadığımızı düşünelim,

index.html ve ozgecmis.html dosyaları aynı konumda olsun. index.html dosyasından link vererek ozgecmis.html çağırmak için sadece dosya adını vermek yeterlidir.

index.html dosya içeriği

<!DOCTYPE html>
<HTML>
<head>
<title>Kişisel Web Sayfam</title>
</head>
<body>
    <a href=ozgecmis.html>Özgeçmiş için tıklayınız</a>

</body>
</HTML>

Eğer ki çağıracağımız sayfa başka bir sitede ise href parametresi tam url olmalıdır.

<a href="https://www.youtube.com">Youtube gitmek için tıklayınız</a>

Youtube gitmek için tıklayınız

target : Bu parametre linke basıldığında sonucun nerede görüntüleneceğini belirler. Eğer kullanılmazsa linke basıldığında aynı sayfa üzerinde görüntüleme yapılır. Target parametresi en çok Frame’lerle birlikte kullanılır. Tıklanan sayfanın yeni bir sekmede açılması için target parametresi “_blank” yazılmalıdır.

 

<a href="https://www.youtube.com" target="_blank">Youtube gitmek için tıklayınız</a>

Youtube gitmek için tıklayınız

Eğer sayfanızda bir resim var ve bu resme tıklandığında bir url çağırılmak isteniyorsa, işlem çok basit adım adım gidelim.

resim için koymak için <img src=resim.jpeg>

resim ifadesini bu hale getirin <a><img src=resim.jpeg></a>

sonra url yazalım <a href=”https://www.youtube.com”><img src=resim.jpeg></a>

Örnek

<a href="https://ceptebilisim.com">
<img src="https://ceptebilisim.com/wp-content/uploads/2022/03/cepteBilisimWebLogo-1.png"/>
</a>