<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Image and Links</title>
</head>
<body>
<!-- a with herf is used for the link of any page online or may be your created and it can be go this page on the page -->
<!-- to open link in next page we should used target and in this we write blank which open link in next page -->
<!-- to open link from browser simple copy paste link but if you want to open your created html file then we will write as "abc.html" or simple write "/" this will give you options that ae saved in this folder -->
<a href="https://source.unsplash.com/random" target="_blank"
>Go to the my water pictures</a
><br />
<a href="https://source.unsplash.com/nature" target="_blank"
>Go to the my nature pictures</a
><br />
<a href="https://source.unsplash.com/technology" target="_blank"
>Go to the my technology picture </a
><br />
<a href="/pragraph.html" target="_blank">For paragraph and heading study</a>
<!-- img tage is used for the images and in this tage simply more two options are available src is source tage used to find location an d alt tage used for the alternation show in the absence of hte image this should contain image info -->
<!-- we can also add there hight and width of the image but it can not br more recomanded we use css for this purpose -->
<!-- for width we simply write width -->
<!-- for hight we simply write hight tage and write its hight as hight="900" -->
<img src="https://source.unsplash.com/user/water/200x300"" alt="water
images">
<img
src="https://source.unsplash.com/user/jackie/likes/1600x900"
alt="likes images"
/>
<p>
Main information for the link and images are there and i will end there in
next we should study tables
</p>
<p><strong>Thanks </strong></p>
</body>
</html>