In this DaddyDev lesson, Ryan E. Hamilton combines the kiddos’ knowledge of HTML Links and HTML Images to create […you guessed it…] HTML Image Links…or clickable images!

Many images (like buttons, icons, profile pics, banner ads, etc.) on the Internet can be clicked upon as links, and you’ll learn how to make your very own by placing an empty <img> tag inside an <a>…</a> tag container.

Enjoy! 8)

DaddyDev 11: Clickable Images

Sample Code

<html> 	 	<head> 	</head>  	<body> 		 		<a href="http://mariokart.com"><img src="mariokart.jpg"></a>  	</body> 	 </html>

Code View

DaddyDev 11: Clickable Images

Browser View

BEFORE click:
DaddyDev 11: Clickable Images

AFTER click:
DaddyDev 11: Clickable Images