HTML de <a> etiketi kullanılarak web sitesi içinde farklı sayfalara, harici web sitelerine, dosyalara yada sayfa içinde belirlenen bir alana bağlantı oluşturulabilir. <a>..</a> etiketinin en temel kullanımı aşağıdaki gibidir.
|
1 2 3 |
<a href="url">Bağlantı Verilecek Metin</a> |
Şimdi harici bir web sayfası olarak Google‘ a link verelim.
|
1 2 3 |
<a href="https://www.google.com.tr/">Google Arama Motoruna Gitmek İçin Tıkla.</a> |
Yukarıdaki kod satırını yazdığımızda aşağıdaki gibi bir bağlantı oluşturmuş oluyoruz.
İstersek bağlantımızı cümlenin tamamına değil sadece istediğimiz kısmına da verebiliriz. Burada önemli olan <a>..</a> etiketleri arasına yazdığımız metin olacaktır.
Kodlarımızı aşağıdaki gibi değiştirelim.
|
1 2 3 |
Google Arama Motoruna Gitmek İçin <a href="https://www.google.com.tr/">Tıkla.</a> |
Sonuç aşağıdaki gibi olacaktır. Yani bağlantı oluşturduğumuz metin sadece “Tıkla” yazısı olacaktır.
Google Arama Motoruna Gitmek İçin Tıkla.
Yukarıdaki örneklerde bağlantıya tıklandığında aynı sekmede açıldığını görmekteyiz. Eğer bağlantı verdiğimiz sayfanın yeni bir tarayıcı sayfası / sekmesinde açılmasını istersek target özniteliğini kullanabiliriz. Bağlantının farklı sekmede açılmasını sağlamak için target=”_blank” özelliğini kullanmamız gerekecektir.
|
1 2 3 |
Google Arama Motoruna Gitmek İçin <a href="https://www.google.com.tr/" target="_blank">Tıkla.</a> |
Alttaki kullanımda bağlantının yeni sekmede açıldığını göreceksiniz.
Google Arama Motoruna Gitmek İçin Tıkla.
Site içinde her hangi bir dosyaya(resim, video, belge, müzik vs.) bağlantı vermek için dosyanın konumuna göre dört farklı durum söz konusudur.
- Bağlantı verilecek sayfa aynı dizindeyse dosyanın tam adı href kısmına yazılır.
- Bağlantı alt klasörlerdeyse klasor1/klasor2/dosyadi şekilinde alt klasörlere geçip yine dosya adı yazılır. Bu diğer dosyalar içinde geçerlidir.
- Bağlantı üst klasördeyse her çıkılacak üst klasör için ../ sembolü kullanılır. Kaç tane üst klasöre çıkılacaksa çıkılacak klasör kadar ../ sembolü kullanılır. (Örn: ../../../ üç üst klasör)
- Bağlantı üst klasörlerden birinin içindeki bir dosyada ise üst klasöre çıkıp ilgili klasöre girilerek dosya adı bulunur. (Örn: ../../resim/resim1.jpg)
Yukarıdaki açıklamaları üstteki resimdeki gibi bir web sitesi yapımız olduğunu düşünerek örneklendirelim.
galeri.html sayfasından iletisim.html sayfasına bağlantı vermek için;
|
1 2 3 |
<a href="iletisim.html">İletişim Sayfasını Aç</a> |
index.html sayfasından iletisim.html sayfasına bağlantı vermek için;
|
1 2 3 |
<a href="sayfalar/iletisim.html">İletişim Sayfasını Aç</a> |
hakkimizda.html sayfasından index.html sayfasına bağlantı vermek için;
|
1 2 3 |
<a href="../index.html">Anasayfayı Aç</a> |
iletisim.html sayfasından res1.png dosyasını açmak için;
|
1 2 3 |
<a href="../resimler/res1.png">Resmi Aç</a> |
E-Posta Adresine bağlantı için ise aşağıdaki şekilde kullanımda bulunabilirsiniz.
Örnek olarak iletisim@yazilimkodlama.com mail adresine bir bağlantı verelim.
|
1 2 3 |
<a href="mailto:iletisim@yazilimkodlama.com">E-Posta Gönder</a> |
SAYENİZDE SINAVIMDAN GEÇTİM ALLAH NE MURADINIZ VARSA VERSİN ALLAH SZİDEN RAZI OLSUN ALLAH RIZKINIZI ARTTIRSIN Allahümme inni es’elüke min hayri ma seeleke minhü nebiyyüke Muhammedün. Ve’neuzü bike min şerri meste’azeke minhü nebiyyüke Muhammedün. Ve ente’l müstean ve aleyke’l belağ ve la havle ve la kuvvete illa billah. / Allah’ım senin peygamberin Muhammed’in senden dilediklerini bende dilerim. Peygamberin sana sığındığı şerlerden bizler de sana sığınırız. Yardım ancak senden dilenir ve beklenir. İnsanı dünya ve ahiretin muradına eriştiren ancak sensin. Günahtan kaçmak için güç, ibadet edebilmek için kuvvet ancak Allah’ın yardımıyla kazanılır. amin
Teşekkürler ederim
Yaralı bilgiler var burda tavsiye ederim herkese.
bilgilerinizi paylaştığınız için teşekkürler.
güzel paylaşım
verdiğiniz bilgiler için teşekkurler çok işime yaradı