FrontEnd Developer RoadMap – HTML 5 Tutorial 24 Sayfa İçinde Görseli Linklendirme


0

Merhabalar, bu yazımda bir görsel üzerinden link verme işlemine bakacağız.

Html dosyalarımız içinde biliyoruz ki etiketler birbiri içinde kullanılabilir.

A etiketi değeri olarak bir img etiketi yardımıyla bir görsele link vereceğiz.

Görsel Adresimiz

 https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/Google_2015_logo.svg/1200px-Google_2015_logo.svg.png

Bu link yardımıyla bir Google görseli alacağız ve bu görseli Google’a linklendireceğiz.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <a href="www.google.com/" target="_blank"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/Google_2015_logo.svg/1200px-Google_2015_logo.svg.png" alt="Google" width="50px"></a>

</body>
</html>

Görsele tıklarsak sayfaya gideriz.

Bir sonraki yazımda görüşmek üzere.


Like it? Share with your friends!

0

0 Comments

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir