Q:

Clickable image : How to cancel it

I have elements in list which i made clickable The problem is when i put image it would be clickable either the same as the last element in the list.
to be clear when i click on the image it opens the same link when i click on the last element in the list(Potatos)
How can i make the image Unclickable.

        <div>
            <ul>
                <li><a href="http://www.google.com" />Pizza</li>
                <li><a href="http://www.msn.com" />Tacos</li>
                <li><a href="http://www.w3schools.com" />Potatos</li>
            </ul>
        </div>
        <div>
            <img src="C:\Users\Ahmed\Desktop\Tacos.jpg" width=30% />
        </div>

A:

Here is the right way to do them mate. 

        <div>
            <ul>
                <li><a href="http://www.google.com">Pizza</a></li>
                <li><a href="http://www.msn.com">Tacos</a></li>
                <li><a href="http://www.w3schools.com">Potatos</a></li>
            </ul>
        </div>
        <div>
            <img src="C:\Users\Ahmed\Desktop\Tacos.jpg" width=30% />
        </div>

