Untitled

<a href="/mi/">
    <img id="i1" name="First" src="1.JPEG" onClick="return goto(this);"></img>
    First Image
</a>

<html>
    <head>
        <style>
            .imageLink{
                text-align:center;
            }
            .imageLink img{
                display:block;
            }
        </style>
    </head>
    <body>
        <a href="/mi/" class="imageLink">
            <img id="i1" name="First" src="1.JPEG" onClick="return goto(this);" />
            First Image
        </a>
    </body>
</html>

a { text-align: center; display: block; }
img { display: block; }

<p>First Image </p>

<a href="/mi/">
<img id="i1" name="First" src="1.JPEG" onClick="return goto(this);"></img>
<p>First Image </p>
</a>