Perşembe , Eylül 20 2018
En Taze Makaleler
Ana Sayfa / Yazılım / HTML / HTML de Link Ekleme

HTML de Link Ekleme

HTML de <a>…</a> tagları içinde linkler verilirler.  Link vermek için <a></a> taglarının içerisinde href ile linkin gideceği adresi belirtmemiz gerekir.

Örnek: <a href=”http://www.nevzaterdag.com” target=”_blank”>Nevzat Erdağ Ana Sayfası</a>

Nevzat Erdağ Ana Sayfası

handan-erdag-45-html-linkTagımızın içerisine bir de target tanımlaması yaparak, linki verilen web sayfasının başka bir pencerede açılmasını sağlarız. Bu şekilde kullanıcı bizim sayfamızı kapamadan yeni sekmede verdiğimiz linke giriş yapar. Target özelliğini target=”_blank” şeklinde yasanız link yeni sayfada açılır. Ancak siz linki ayrı sayfada değilde aynı pencerede açılmasını isterseniz de target=”_top” ya da target seçeneğini yazmazsanız da olur.

 

Bir mail adresine link vermek istiyorsanız:

<a href=”mailto:info@handanerdag.com”>Mail atmak için tıklayın.</a>

Mail atmak için tıklayın.

Bu linke tıklandığında bilgisayarda kullanıcıya ait mail programı açılır ve gönderilecek adres bölümünde etiket içinde belirtilen adres yazar.

Sayfa İçinde Link Verme:

Bu parametre ile aynı döküman içinde belirlenmiş başka bir satıra direk geçiş yapılır. Bu word de ki köprü ekleme özelliği ile aynıdır. Kullanımı ise şu şekildedir:

<a href=”#enust”>En Başa Dön</a>

# işareti id’si yukarı id=”enust” olana git demektir. Sayfa içerisinde ki bir yere bu kodu şu şekilde yerleştirebilirsiniz:

<h2 id=”enust”>Hoba En Başa Geri Döndük :)</h2>

Resme Link Ekleme:

Öncelikle HTML de resim eklemek için <img></img> taglarını kullanırız. <img> tagının kendi parametreleri de şu şekildedir:

src : Ekleyeceğimiz resmin yolu
alt : Resmin üstüne geldiğimizde çıkacak yazı
height : Resmin yüksekliği
width : Resmin eni
border : Resme eklenecek çerçevenin kalınlığı yazılır.

Örnek: <img src=”https://www.flickr.com/photos/100224006@N03/9503190056/” alt=”Resim” border=”2″/>

Resme link eklerken ise tagları şu şekilde kullanırız: 

<a href=”http://www.handanerdag.com/” target=”_blank”><img src=”https://www.flickr.com/photos/100224006@N03/9503190056/” alt=”Resim” border=”2″/></a>

Sevgili Okuyucu, bak bu makalede ilgini çekebilir.

Ayrılık Tiyatro Oyunu

3 comments

  1. güzel ve paylaşmaya deger bir site

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir