How to create image link in html

Program : File name : Mainpage.html

File name : link2.html

<html>
<head>
<style>
a:link
{
text-decoration:none;
}
a:visited
{
color:red;
}
a:hover
{
color:black;
text-decoration:underline;
}
</style>
<h1 style="text-align:center">Mohandas Karamchand Gandhi </h1>
</head>
<body>
<p style="font-align:justify">
Born and raised in a Hindu merchant caste family in coastal Gujarat, western India, and trained in law at the Inner Temple, London, Gandhi first employed nonviolent civil disobedience as an expatriate lawyer in South Africa, in the resident Indian community's struggle for civil rights. After his return to India in 1915, he set about organising peasants, farmers, and urban labourers to protest against excessive land-tax and discrimination. Assuming leadership of the Indian National Congress in 1921, Gandhi led nationwide campaigns for easing poverty, expanding women's rights, building religious and ethnic amity, ending untouchability, but above all for achieving Swaraj or self-rule.
</p>
<a href="Mainpage.html">
<h2 style="text-align:center">preview</h2>
</a>
</body>
</html>