How Can I Link A Image By Clicking Button In Html

<pre lang="xml">&lt;!DOCTYPE html&gt;
&lt;html&gt;

&lt;head&gt;
&lt;style&gt;
body {
    background-image: url(&quot;about.jpg&quot;);
}
header {

    background-image: url(&quot;6.jpg&quot;);
    color:white;
    text-align:center;
    padding:10px;
}
nav {
    line-height:30px;
    background-color:#eeeeee;
    height:500px;
    width:150px;
    float:left;
    padding:10px;
}
section {
    width:350px;
    float:left;
    padding:10px;
}
footer {
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
    padding:10px;
}
&lt;/style&gt;
&lt;/head&gt;

&lt;body&gt;

&lt;header&gt;
&lt;h1&gt;nsew&lt;/h1&gt;
&lt;/header&gt;

&lt;nav&gt;
&lt;input type=&quot;button&quot; value=&quot;     HOME    &quot; onclick=&quot;document.getElementById(&#39;demo&#39;).innerHTML=&#39;khgdkgksd&#39;&quot;;&lt;form action=&quot;action_page.php&quot;&gt;
&lt;fieldset&gt;
&lt;legend&gt;Personal information:&lt;/legend&gt;
First name:&lt;br&gt;
&lt;input type=&quot;text&quot; name=&quot;firstname&quot; value=&quot;Mickey&quot;&gt;
&lt;br&gt;
Last name:&lt;br&gt;
&lt;input type=&quot;text&quot; name=&quot;lastname&quot; value=&quot;Mouse&quot;&gt;
&lt;br&gt;&lt;br&gt;
&lt;input type=&quot;submit&quot; value=&quot;Submit&quot;&gt;
&lt;/fieldset&gt;
&lt;/form&gt;&gt;&lt;br&gt;
&lt;input type=&quot;button&quot; value=&quot;PRODUCTS&quot; onclick=&quot;alert(&#39;PRODUCTS&#39;)&quot;&gt;&lt;br&gt;
&lt;input type=&quot;button&quot; value=&quot; SERVICES &quot; onclick=&quot;alert(&#39;SERVICES&#39;)&quot;&gt;&lt;br&gt;
&lt;input type=&quot;button&quot; value=&quot; CARIEERS &quot; onclick=&quot;alert(&#39;CARIEERS&#39;)&quot;&gt;&lt;br&gt;
&lt;/nav&gt;

&lt;section&gt;



&lt;p id=&quot;demo&quot;&gt;
&lt;/p&gt;
&lt;/section&gt;

&lt;footer&gt;
Copyright &#169; W3Schools.com
&lt;/footer&gt;

&lt;/body&gt;
&lt;/html&gt;</pre>