üzerine bir resim eklemek arasında bir fark vardır. web sayfası ve bu resmi tıklanabilir bir bağlantı haline getirmek. rağmen HTML benzerdir, bir bağlantı bir Çapa bir görüntü kullanırken öğe resim öğe. Bununla birlikte, bir görüntü bir bağlantı içinde yuvalanabilir ve bu görüntüyü bir bağlantı olarak tıklanabilir hale getirir.
Bağlantı Elemanlarına Görüntü Ekleme
Görüntü tabanlı bir bağlantının yaygın bir kullanımı, sitenin logo grafiğidir ve daha sonra sitenin ana sayfasına geri bağlanır.
Tıklanamayan bir resmi HTML belgesine şu şekilde yerleştirirsiniz:
Görüntüyü bir bağlantıya dönüştürmek için bağlantı bağlantısını ekleyin, bağlantı öğesini görüntüden önce açın ve bağlantı öğesini görüntüden sonra kapatın. Bu teknik, metni nasıl bağladığınıza benzer, ancak kelimeleri sarmak yerine görüntüyü sarmanız dışında:
Bu tür HTML'yi sayfanıza eklediğinizde, bağlantı etiketi ile resim etiketi arasına boşluk koymayın. Bunu yaparsanız, bazı tarayıcılar görüntünün yanına tuhaf görünecek küçük keneler ekler.
Logo artık bugünlerde hemen hemen bir web standardı olan bir ana sayfa düğmesi görevi görüyor.
HTML işaretlememize görüntünün genişliği ve yüksekliği gibi herhangi bir görsel stili dahil etmediğimize dikkat edin. Bu görsel stilleri CSS'ye bırakacağız ve HTML yapısı ile CSS stilleri arasında net bir ayrım sağlayacağız.