Lesson1-index

<!DOCTYPE html>
<html>

    <head>

        <!-- The Title will be shown in the tab of the internet browser. -->
        <title>  My 1st webpage   </title>
    </head>


    <body>

        <h1>Hello World!</h1>

        <p>This is a paragraph.</p>

        <p>This is the second paragraph.</p>

        <br>
        <hr>

        <p>Lorem ipsum dolor sit, <b>amet consectetur</b> adipisicing elit. Minus necessitatibus ab, tempora voluptatum <i>exercitationem debitis</i>.

            <b><i>Expedita voluptatibus sint</i></b> odit quam vero iusto qui illum eveniet voluptate aliquid eaque ea animi provident omnis quia, placeat incidunt!

            <em>Itaque, autem beatae dolore,</em>
            <strong>quas necessitatibus voluptatum</strong>

            id <del>deserunt recusandae</del>
            <ins>natus numquam</ins>, quam ea.</p>

            <!-- Links -->
            <!-- This is a link to the extrnal image. -->
            <a href="https://cdn.londonandpartners.com/-/media/images/london/visit/things-to-do/food-and-drink/cafe/cutter-and-squidge/cutter_squidge_eton_mess_slice_1920.jpg?mw=1030&hash=BD3CD4959F778D56E7CE66FB51E3962C399171BB">Cake</a>

            <br>

            <!-- This is a link to the extrnal webpage. -->
            <a href="https://www.bbc.co.uk/weather" target="_blank">News</a>

            <br>

            <!-- This is my image in my folder. -->
            <!-- Use relative path -->
            <a href="/lesson-1/dumbo.jpg">The image in my folder</a>

            <br>

            <!-- Image -->
            <img src="/lesson-1/dumbo.jpg" alt="elephant">
    </body>

</html>