psd to html slice error
<p>I am beginner level front end developer i need help in psd to html when I slice 
the image its size is 1920px and in html, div size is 100% but image is going out of the browser. What are my mistakes kindly help me what should I have to do to make it good I  want to learn PSD to html. 
Also  guide me how to use slice tool in adobe Photoshop ?</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>html, body { margin: 0px; padding: 0px; border: 0px; }

#wrap{
        width: 1920px;
        background-color: #e7e7e7;
}
.menu{

        width: 100%;
        background-color: #202628;
}

.slider{
    width: 100%;
    
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;psd to html&lt;/title&gt;
        &lt;meta charset="utf-8" content="text/html" http-equiv="content-type"&gt;
        &lt;link href="css/index.css" type="text/css" rel="stylesheet"&gt;
        
    &lt;/head&gt;
    &lt;body&gt;
        
        &lt;div id="wrap"&gt;
            &lt;header&gt;
                
                &lt;ul class="menu"&gt;
                    &lt;li&gt;&lt;a href="index.html"&gt;SiteName&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="index.html"&gt;About&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="index.html"&gt;Services&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="index.html"&gt;Portfolio&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="index.html"&gt;Contact&lt;/a&gt;&lt;/li&gt;
                    
                &lt;/ul&gt;
                
                &lt;div class="slider"&gt;
                    &lt;img src="images/banner.png" alt="banner"&gt;
                &lt;/div&gt;&lt;!-- end slider--&gt;
                
            &lt;/header&gt;&lt;!--end header--&gt;
        &lt;/div&gt;&lt;!-- end wrap --&gt;
        
        
    &lt;/body&gt;
&lt;/html&gt;</code></pre>
</div>
</div>
</p>

<p><a href="https://i.stack.imgur.com/RvZtu.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RvZtu.jpg" alt="enter image description here"></a></p>