İlginizi Çekebilir
  1. Ana Sayfa
  2. Html
  3. Html Link (Bağlantı) Verme İşlem ve Örnekleri

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?
Yorum Yap
Subscribe
Bildir
guest

This site uses Akismet to reduce spam. Learn how your comment data is processed.

0 Yorum
Inline Feedbacks
View all comments