1. I think that would depend on your site template, and where you would like it placed.
2. Yes, you can use your own templates. All files must be in your /public_html/ folder.
3. Your <span>, and <br/> tags are breaking up your content. Try placing movie images and click on links inside seperate div's. First <div> your movie thumbnails would go inside. Then another <div> for the actual links to watch.
The only other thing would be getting the text links to line up with the movie images, I just placed in some spaces ( ) to get them to line up. You can see how everything works with this example. Hope it helps you out.
Code:
<hr>
<div style="text-align: center;">
<a target="_blank" href="1_6_Tum-Mile.html"><img alt="Tum Mile" src="http://i34.tinypic.com/205txz8.jpg" title="Tum Mile" width="200" height="287"></a>
<a target="_blank" href="1_6_Tum-Mile.html"><img alt="Tum Mile" src="http://i34.tinypic.com/205txz8.jpg" title="Tum Mile" width="200" height="287"></a>
<a target="_blank" href="1_6_Tum-Mile.html"><img alt="Tum Mile" src="http://i34.tinypic.com/205txz8.jpg" title="Tum Mile" width="200" height="287"></a>
</div>
<div style="text-align: center;">
     
<span style="background-color: rgb(255, 0, 0); font-family: comic sans ms; font-size: large;">
<a target="_blank" href="1_6_Tum-Mile.html">Click Here To Watch Tum Mile</a>
</span>
    
    
<span style="background-color: rgb(255, 0, 0); font-family: comic sans ms; font-size: large;">
<a target="_blank" href="1_6_Tum-Mile.html">Click Here To Watch Tum Mile</a>
</span>
     
     
<span style="background-color: rgb(255, 0, 0); font-family: comic sans ms; font-size: large;">
<a target="_blank" href="1_6_Tum-Mile.html">Click Here To Watch Tum Mile</a>
</span>
    
</div>
<hr>
P.S. There are other ways such as tables, which would be better i think. You can easily line up your text links in a separate row without the use of  . I know i'm forgetting other ways, but this was quick and easy.
An example using a table:
Code:
<hr>
<div style="text-align: center;">
<table border="1" width=100%>
<tr align="center">
<td>
<a target="_blank" href="1_6_Tum-Mile.html"><img alt="Tum Mile" src="http://i34.tinypic.com/205txz8.jpg" title="Tum Mile" width="200" height="287"></a>
</td>
<td>
<a target="_blank" href="1_6_Tum-Mile.html"><img alt="Tum Mile" src="http://i34.tinypic.com/205txz8.jpg" title="Tum Mile" width="200" height="287"></a>
</td>
<td>
<a target="_blank" href="1_6_Tum-Mile.html"><img alt="Tum Mile" src="http://i34.tinypic.com/205txz8.jpg" title="Tum Mile" width="200" height="287"></a>
</td>
</tr>
<tr align="center">
<td>
<span style="background-color: rgb(255, 0, 0); font-family: comic sans ms; font-size: large;">
<a target="_blank" href="1_6_Tum-Mile.html">Click Here To Watch Tum Mile</a>
</span>
</td>
<td>
<span style="background-color: rgb(255, 0, 0); font-family: comic sans ms; font-size: large;">
<a target="_blank" href="1_6_Tum-Mile.html">Click Here To Watch Tum Mile</a>
</span>
</td>
<td>
<span style="background-color: rgb(255, 0, 0); font-family: comic sans ms; font-size: large;">
<a target="_blank" href="1_6_Tum-Mile.html">Click Here To Watch Tum Mile</a>
</span>
</td>
</tr>
</table>
</div>