HTML Link for an Image

HTML link can also be applied over an image by including the image element <img> within the link element <a> as shown below.

<a href="https://randomcodez.com">
    <img src="logo.png" alt="Random Codez logo" style="width:50px; height:50px;">
</a>

Example

Check the outcome of the below HTML document to see how it looks.

<!doctype html>
<html lang="en">
<head>
</head>
<body>
    <h1>HTML Link over an Image</h1>
    <a href="https://randomcodez.com">
        <img src="https://randomcodez.com/assets/logo/logo.png" alt="Random Codez logo" style="width:100px; height:80px;">
    </a>
</body>
</html>

Overall

HTML link can also be applied over an image by just including it inside a link element.

Related Articles