HTML DE LİNKLER

HTML DE LİNKLER

Sıra geldi Html in en önemli unsuru  olan linklere…   <a href="....">...</a> etiketi bir tıklama ile sizi istediğiniz yere götürecektir.

Bu komut ile farklı bir sayfa açılabilir, bir web sitesine ulaşılabilir , mail adresine ulaşılabilir , bağlantı kurulan herhangi bir dosyaya ulaşılabilir.Yani istediğiniz her öğeye link verebilirsiniz.

<a href=”urun.jpg”> Sayfada gözüküp tıklanacak yazı </a>

METİNLERE LİNK VERMEK

<a href=http://bilgisayar-ogren.blogspot.com>  bu siteye ulaşmak için tıklayınız.</a>

Bir web sitesine link verilirken http unutulmamalıdır.



RESİMLERE LİNK VERMEK

<a href=http://bilgisayar-ogren.blogspot.com>  <img src=”urun.jpg”> </a>

MAİL  ADRESİNE LİNK VERMEK

<a href=”mailto:xxxxxxx@hotmail.com”>mail göndermek için tıklayınız.</a>

DOSYALARA LİNK VERMEK

                <a href=”word.docx”> bu belgeyi buradan indirebilirsiniz.</a>

Link verilen yazılar altında , resimlerin ise kenarlarında çerçeve oluşur.bu çizgiyi kaldırmak için style parametresi kullanılır. Style=”text-decoration:none”  şeklinde kullanılır.

<a href=”word.docx” style=”text-decoration:none”  > bu belgeyi buradan indirebilirsiniz.</a>

Link verilen konumun açılacağı pencereyi target parametresi ile kullanırız. Target parametresi  4 değer alır.

“_blank”: link verilen öğe farklı pencerede açılsın.

“_self” :  link verilen aynı pencerede açılsın.

“_top”:  link verilen öğe aynı pencerede üstten başlayarak açılsın.

“_parent “: Anasayfa olarak tanımlanmış sayfada açılsın.

<a href=”word.docx” style=”text-decoration:none”  target=”_blank”> bu belgeyi buradan indirebilirsiniz.</a>