HTML Link, HTML’de en çok kullanılan etiketlerden biri de a(anchor) etiketidir. bu etiket ile genellikler farklı sitelere absolute link verme veya site içerisinde kullanıcının daha rahat dolaşabilmesi için site içi relative linkler verilebilir.
Html a etiketinde farklı bir siteye yönlendirme yapmak için alttaki örnektede göründüğü üzere http(s) protokolü ile başlayan bir link vermelisiniz.
✍ Lütfen HTML link ile alakalı olumlu-olumsuz tüm görüşlerinizi bana yorum yada mail yolu ile iletmeyi ihmal etmeyin.🔗 Sosyal medya kanallarından HTML link konulu makaleyi paylaşarak destek olursanız çok sevinirim.👋 Bir sonraki makalede görüşmek dileğiyle.
İçerik
göster
Farklı Bir Siteye Link Verme
Kod
1 2 | <!--Alttaki link ile kullanıcyı muratoner.net domain'li siteye yönlendirebiliriz.--> <a href="http://www.muratoner.net">Murat ÖNER</a> |
Demo
Site içindeki sayfalara yönlendirme
Site içerisindeki sayfalara yönlendirme yaparken eğer bulunduğunuz sayfa ile yönlendireceğiz sayfa aynı dizindeyse o zaman alttaki şekilde bir link oluşturmalısınız.Kod
1 2 3 4 5 | <!--İsterseniz bu şekilde yönlendirme yapabilirsiniz.--> <a href="yonlendirilecekSayfa.html">Yönlendirilen Sayfa 1</a> <br /> <!--İsterseniz bu şekilde yönlendirme yapabilirsiniz aynı işi görmektedir.--> <a href="./yonlendirilecekSayfa.html">Yönlendirilen Sayfa 2</a> |
Demo
Üst dizine çıkma
Kod
1 2 | <!--Alttaki kullanım ile bir üst dizindeki yonlendirilecekSayfa.html adlı dosyaya yönlendirilir.--> <a href="../yonlendirilecekSayfa.html">Yönlendirilen Sayfa</a> |
Demo
Eğer yönlendireceğiz sayfa bir üst dizinde ise üstteki örnekte yer alan yonlendirilecekSayfa.html değeri başına ../ eklemesini yaparsanız yonlendirilecek sayfayı linkin bulunduğu sayfanız bir üst dizininde arar eğer iki tane ../../ eklerseniz bu defa linkin bulunduğu dizinin 2 üst dizinine çıkar ve yönlendirilecek dosyayı orada arar.
Nesneler arası yönlendirme
Sayfanın farklı bir konumuna a etiketi ile yönlendirebilirsiniz kullacıyı sayfa yenilemesi yapmadan yönlendireceğiz yerin id değerini başına # karakteri koyarak gerçekleştirebilirsiniz.Örnek olarak alttaki linkte sayfa yenilenmeden kullanıcıyı ust id degerine sahip nesneye yönlendirilmesi yapılıyor.Kod
1 2 3 4 | <p style="margin-bottom: 500px" id="ust">En üstte yer alan element benim(<strong>Sayfayı kaydırın</strong>)</p> <a href="#ust">ID değeri ile yönlendirme(bir üstteki id değeri ust olan p etiketine gider</a> |
Demo
Javascript Kodu Çalıştırma
Javascript kodu çalıştırma isterseniz direk olarak javascript kodu çalıştırabilirsiniz linke tıklandığında ekrana Murat ÖNER içeriğinde bir uyarı çıkacaktır.Kod
1 2 3 4 5 | <a href="javascript:alert('Merhaba, Ben Murat Öner')">Javascript Kodu</a> <br /> Ya da bunu kullanabilirsiniz <br /> <a href="javascript:;" onclick="alert('Merhaba, Ben Murat Öner')">Javascript Kodu</a> |
Demo
Mailto kullanımı ile Eposta gönderimi sağlama
Bilgisayardaki varsayılan eposta istemcisi kullanılarak mail adresi gönderimi ile ilgili kolayca yönlendirme yapılmaktadır. Çoğu email istemcisi mailto: değişkenindeki mail adresini alıp gönderilecek mail adresi kısmına direk olarak eklemektedir Thunderbird, Gmail, Outlook gibi yazılımlar. Örnek bir mailto linki aşağıdaki gibi oluşturulabilir.Kod
1 | <a href="mailto:info@muratoner.net">Mail Gönderimi</a> |
Demo
Mailto ile ilgili çok daha detaylı bigi için buradaki makaleye gözatabilirsiniz.Tel kullanımı ile belirli bir numaranın aranması
Tel kullanımı mailto ile aynıdır sadece ilk değişken olarak mailto: yerine tel: yazıp ardından bu linke tıklandığında aranacak numara girilmelidir girilen numara voip ve akıllı telefonlar tarafından tel belirteci sayesinde bir numara olduğu anlaşılacak ve tıklandığından arama işlemi kolaylıkla yapılabilecek. Örnek olarak alttaki koda gözatabilirsiniz.Kod
1 | <a href="tel:00000000000">Bizi Arayın: 0000 000 0000</a> |
Demo
HTML Link Makalesi Sonucu
Anchor etiketi ile ilgili birçok farklı özellikler kullanılmakta fakat ben en çok kullanılanları anlatmaya çalıştım.📚 HTML Link(Bağlantı) Benzer Makaleler
- HTML ve Açılımı Nedir?
- HTML Translate Attribute Nedir, Neden Kullanılır?
- Turuncu HTML/CSS Renk Kodları ve Adları (Color Codes and Names)
- HTML Alt Satıra Geçme Kodu(BR) Nedir? Nasıl Kullanılır?
✍ Lütfen HTML link ile alakalı olumlu-olumsuz tüm görüşlerinizi bana yorum yada mail yolu ile iletmeyi ihmal etmeyin.🔗 Sosyal medya kanallarından HTML link konulu makaleyi paylaşarak destek olursanız çok sevinirim.👋 Bir sonraki makalede görüşmek dileğiyle.
Harika paylasım Sohbet chat Sitelerine Html Kodları mukemel sizi Sohbetdekal Sitesi Olarak Hem Öneriyorum Hem Paylasımlarınızı dikkatli Olarak bakmakdayim
Harika paylasım beyemdım
çok güzel eline sağlık
teşekkürler.
Rica ederim 👍