Lesson2-index.html

<!DOCTYPE html>
<html>
    <head>

        <!-- This is a title that will be shown ni the internet browser tab. -->
        <title>Lemon Drizzle Cake</title>

        <!-- CSS internal -->
        <style>
            /* Here you can input your internal CSS code */
            /* Example of a global CSS, Green colour will be applied to all paragraphs. */
            /* p {color: green;} */
        </style>

    </head>

    <!-- All the content of your website is placed in body. -->
    <body>

        <!-- Headline -->
        <h1>Lemon Drizzle Cake</h1>

        <!-- Simple Paragraph -->
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus tenetur aspernatur eos illo delectus eius, animi, quibusdam error accusantium at omnis quaerat eveniet corporis magnam, ad necessitatibus commodi itaque inventore exercitationem aut minima repellat ea? Sint alias ex, exercitationem minus est, perspiciatis iure fugit omnis accusamus animi cupiditate ullam quod.</p>

        <!-- Simple Paragraph -->
        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ab maxime explicabo fugiat obcaecati totam. Tempore eveniet, reiciendis cumque blanditiis est quis earum nam quaerat? Id rem numquam enim necessitatibus corrupti eius hic iure aut? Doloribus necessitatibus harum, neque fugiat eaque numquam quod facere, saepe iste ad, exercitationem consequatur adipisci repellendus.
        </p>

        <!-- Paragraph with HTML formatting. -->
        <p>Lorem ipsum dolor sit amet <em>consectetur adipisicing elit</em>.
            <br>
            <br>
            Enim quis sint laborum <i>odio non consequuntur itaque perspiciatis</i> ipsum vitae id <b>vel a neque quasi delectus accusamus</b> deserunt inventore recusandae aliquid, reprehenderit expedita minus rem repellendus quas asperiores.
            <br>
            <br>
            Cupiditate distinctio magni harum <del>repellat neque</del>, <ins>nobis perspiciatis</ins>! Expedita quod odit laborum! Nemo.</p>

        <!-- Unodered list -->
        <ul>
            <!-- Item in the list -->
            <li>Ingredient one</li>
            <li>Ingredient two</li>
            <li>Ingredient three</li>
        </ul>

        <!-- Link -->
        <!-- target="_blank" open the link in the internet browser under a new tab -->
        <a href="here insert the path of the link" target="_blank">Lemon Drizzle Cake Recipe</a>

        <br>
        <br>

        <!-- Image -->
        <!-- alt="" Alternative text -->
        <img src="here insert tha path of the image" alt="Lemon drizzle cake on the table.">

        <!-- Paragraph with CSS inline formatting -->
        <p style="color: red; background-color: blue;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio laborum vitae modi inventore illo assumenda beatae illum omnis. Eius itaque veniam quasi hic voluptatibus tempore cumque voluptas error qui nemo quos, omnis totam repellendus fugit delectus, libero beatae officiis obcaecati molestiae culpa soluta maxime natus quis optio? Architecto, in consectetur.</p>

        <!-- Paragraph with styled part of the text. -->
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. <span style="color: darkgreen; font-weight: bold; background-color: yellow;">Esse eum sequi illo perferendis quas</span> adipisci perspiciatis dignissimos, quibusdam architecto quo.</p>


    </body>
</html>