Html Link (Bağlantı) Verme İşlem ve Örnekleri

Html Link Verme İşlem ve Örnekleri konusunda öğreneceğimiz konular

Örnek 1: < a > elemanı kullanılarak bir sayfaya temel bir link (bağlantı) oluşturma

Örnek 2:Link (bağlantı) üzerine gelince açıklama gösterme

Örnek 3:E-Posta (Mail Adresine) link (bağlantı oluşturma

Örnek 4: Sayfa İçi Bağlantı oluşturma

< a > elemanı kullanılarak bir sayfaya temel bir link (bağlantı) oluşturma

< A> etiketi, bir bağlantı (link) veya bağlantı verilebilecek isimlendirilmiş bir çapa (anchor) oluşturulmasını sağlar. Çapa, sayfa içinde bir nevi yer imi görevini görerek herhangi bir bağlantı adresinin sonuna ‘#’ karakteri ile birlikte çapa ismi kullanıldığında sayfanın o bölgesine odaklanılmasını sağlar. Farklı bir ifadeyle çapa, sayfa içi hedef bağlantı veya yer imi oluşturur.

< A> etiketi oluşturulurken bir URL adresine bağlantı tanımlamak amacıyla href veya çapa oluşturmak amacıyla name özelliklerinden biri mutlaka belirtilmelidir.

< A> etiketi, hem düz metin hem de IMG etiketi ile oluşturulan bir resmi içerebilir.

<a href="http://www.bilisimogretmeni.com">Bilişim Öğretmeni…</a>
<a href="htmldersleri.html">Html Dersleri</a>

Örnek 2:Link (bağlantı) üzerine gelince açıklama gösterme işlemi için < a> etiketine title parametresi eklenerek verilir.

<a href="http://www.bilisimogretmeni.com"  title="Bilişim Teknolojileri Sitesi">Bilişim Öğretmeni</a>

E-Posta (Mail Adresine) link (bağlantı oluşturma) tıklandığı zaman Outlook veya default mail programı ile verilen adrese mail gönderme işlemini başlatmak için kullanılır.

<a href="mailto:bilgi@bilisimogretmeni.com">Bize Yazın</a>

Sayfa İçi Bağlantı oluşturma
Aynı sayfa içindeki bir paragrafa bir resime veya tabloya bağlantı verme işlemidir. Bu işlem çapa olarak da
adlandırılır.

 < a href="#...">..., < a name="....">...

komutları kullanılarak yapılmaktadır.
< a href="#..."> ile tıklanmasını istediğimiz metin; < a name="..."> ile de karşımıza gelmesini istediğimiz bölüm belirlenir.

<a href="#ornek">Html Nedir?</a> 
<a name="ornek">Hyper Text Markup Language</a> 
Html Nedir?

Pin It on Pinterest