how to link an image in html code example

Example 1: how to make an image with a link html

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Image as link</title>
   </head>
   <body>
      The following image works as a link:<br>
      <a href="https://www.qries.com/">
         <img alt="Qries" src="https://www.qries.com/images/banner_logo.png"
         width="150" height="70">
      </a>
   </body>
</html>

Example 2: how to add an image in html

<img src="Add Image Source Here">

Example 3: how to add image in html

<img src="pic_trulli.jpg" alt="Italian Trulli">

Example 4: how to add a link in image

<a href="https://www.google.com/">
        <img alt="Qries" src="https://lh3.googleusercontent.com/NGPrjka2ai0w7sfhxkxCwtOSh2wVyEZMdtrVxI4vrA22ebA_fcyl9PSvhTaCYXSWh0A68ZhvXhVZ4U-Nnp3v9IfoXg5o5H1tjjK97cs">
     </a>

Example 5: linked image html

<a href="https://example.url.com">
  <img src="image.png" alt="An image">
</a>

Example 6: html image with link

<a href="https://www.google.com">
	<img src="./images/image.jpg" />
</a>

Tags:

Html Example

Recent Posts