Lets attach the links and the images in the html.
open the visual studio code and apply the boiler plate.
<!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>Links and the images</title>
</head>
<body>
<h1>We gonna introduce how to inserts links and the images</h1>
<p>
<hr>
<hr>
<hr>
</p>
<a href="https.google.com" target="_blank">Go to google </a>
<a href="https.youtube.com" target="_blank"><br> Go to youtube </a>
<a href="https.twitter.com" target="_blank"><br> Go to twitter </a>
<a href="https.koo.com" target="_blank"><br> Go to koo </a>
<h2>
<hr>
</h2>
<a href="/tut4.html" target="_blank">Tut4</a>
<a href="/tut5.html" target="_blank"><br> Tut5 </a>
<img src="https://source.unsplash.com/random " alt="error image is not found">
<img src="https://source.unsplash.com/collection" alt="error unable to load image">
<!-- hr is used for the making the line or make a horizantal line
br is used for newline character
a is used for the taking the link in the server
img is used to add the image in the server here src is used to the location
of the image
alt is used to add the error when image is not found-->
<!-- Target ="_blank is used to open the new tab" -->
</body>
</html>