HTML stands for HyperText Markup Language. HTML is that the standard terminology for creating sites. HTML describes the structure of an internet page. HTML consists of a series of elements. HTML elements tell the browser the way to display the content.HTML stands for Hyper Text terminology. HTML is that the standard terminology for creating sites. HTML describes the structure of an internet page. HTML consists of a series of elements. HTML elements tell the browser the way to display the content.




If you learn HTML and you have not idea how to add links and images on the website.. This post is very helpful for beginners to learn HTML.

If you learn HTML and you have not idea how to add links and images on the website.. This post is very helpful for beginners to learn HTML. 
if you use VSC (Visual Studio Code) software then create an HTML file and press the Exclamation mark with shift  & Enter then see the  Boyler palate Code this is the basic code in HTML.

Enter ( ! + shift ) 

<!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>Document</title>
</head>
<body>
    
</body>
</html>


Now  Title

    <title>Links and images</title>

Press the (a) and Enter 

  <a href=""></a>


Now any  add link 

  <a href="">........................ </a>

Example:-

  <a href="https://facebook.com"target="blank">Go to facebook</a><br>
    <a href="https://twitter.com"target="blank">Go to twitter</a><br>
    <a href="https://linkedin.com"target="blank">Go to linkedin</a><br>


If you want to add any image

Write img and enter

  <img src="" alt="">


Add image location and then save 

<img src=" ................." alt="">

<img src="techseo.jpg" alt="Error loading images" srcset="">



Full Coding


<!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 images</title>
</head>
<body >
    <!-- Links and images -->
    
    <a href="https://google.com"target="blank">Go to google</a><br>
    <a href=""></a>
    <a href="https://facebook.com"target="blank">Go to facebook</a><br>
    <a href="https://twitter.com"target="blank">Go to twitter</a><br>
    <a href="https://linkedin.com"target="blank">Go to linkedin</a><br>
    <a href="/prog5.html"target="blank">prog5</a><br>
    <!-- Image is not present hence alt text is show -->
    <img src="techseo.jpg" alt="Error loading images" srcset="">
    <img src="" alt="">

    <!-- Image is present and site is https://source.unsplash.com/ -->
    <img src="https://source.unsplash.com/user/erondu/1600x900 "alt="Remort Image" srcset="">
</body>
</html>



ENJOY & HAPPY LEARNING! 👍

Thanx for Reading !! If this post is helpful for you then don't forget to Bookmark it.