[SOLVED] How do I add a logo to my html website? Only showing a little icon instead of the entire pic

How do I add a logo to my html website? Only showing a little icon instead of the entire pic

Trying to add the 4 dry out logo to this html template. Can anyone correct what I did wrong? It shows this on the site:

This is a very small section of the code where I have the image placed in the body.

<body>
    <!-- Loader -->
    <div id="loader-wrapper">
        <div id="loader"></div>
        <div class="loader-section section-left"></div>
        <div class="loader-section section-right"></div>
    </div>
    
    <!-- Page Content -->
    <div class="container-fluid tm-main">
        <div class="row tm-main-row">

            <!-- Sidebar -->
            <div id="tmSideBar" class="col-xl-3 col-lg-4 col-md-12 col-sm-12 sidebar">

                <button id="tmMainNavToggle" class="menu-icon">&#9776;</button>

                <div class="inner">
                    <nav id="tmMainNav" class="tm-main-nav">
                        <ul>
     <!--ERROR IMG -->      <img data-image="4 Dry Out Logo.jpg" alt="4 Dry Out Logo">
                            <li>

Solution

    <img data-image="4DryOutLogo.jpg" alt="4 Dry Out Logo">

First you need to consider renaming the image and remove white space from the name.

Second , you have to use the code as below

    <img src = "../yourimagename.jpg">

Finally , You have to make sure that your image exist with in the server path. I suggest you to first open the image via url link , once its open copy paste that url into the src code .

Good luck