index.html

<!DOCTYPE html>     <!--Tag, which defines type of this document - in our case it's HTML file-->

<html>      <!--Tag, which tells about start of our HTML code-->
    <head>
        <meta charset="UTF-8"> <!--General information about our document. There we definej how our code will be stored-->
        <meta name="description" content="This is an awsome website"> <!--Descrition of our website eg Google can use in-->

        <!--Title od my websie this text will be displayed as a title in web tab-->
        <title>Peter's Website</title>

    </head>


    <!-- ------ HEAD and BODY separator ----- -->


    <body style="background-color: aquamarine;">
        <h1>Peter's Website</h1>    <!--Header - analogical to "#"" in Markdown-->

        <hr/>   <!-- Adds horizontal line -->
        <br/>   <!-- Break tag - creates new empty line -->

        <!--Paragraphs of my website-->
        <p>This is my <b>paragraph</b> </p>     <!-- <b> and </b> tags bolds the text between them -->
        <p>This is another <i>paragraph</i> </p>    <!-- <i> and </i> tags italizes the text between them -->
        <p><small>And</small> <big>next</big> paragraph</p>

        <p>Water in chemical notation is H<sub>2</sub>O</p>

        <br>

        <p>4 = 2<sup>2</sup></p>


        <h2 style="color: green;">Styles and colors</h2>

        <p style="color: blue; background-color: red;">You can style your HTML nad make it look pretty</p>

    </body>
</html>