last work2

<!doctype html>
<html><!--start of the html web page-->
<title>character info</title> <!-- change title bar -->
<head>
<!--background-->
<!--change url-->
<style>
body {
    background-image: url("https://images.alphacoders.com/676/thumb-1920-676565.png");
     background-repeat: no-repeat;
     background-size: cover;
}
table, th, td {
    border: 1px solid black;
    color: white ;
}
a:link {
    color: green;
    background-color: transparent;
    text-decoration: none;
}

a:visited {
    color: gold;
    background-color: transparent;
    text-decoration: none;
}

a:hover {
    color: red;
    background-color: transparent;
    text-decoration: underline;
}

a:active {
    color: yellow;
    background-color: transparent;
    text-decoration: underline;
}
</style>
</head>
<body>

<table>
<caption><font color ="yellow">character image anime name fate/stay night</font></caption>
<tr>
</tr>
<tr>
<td><img src = "character1.png"height="125" width="200"></td>
<td><img src = "character2.png"height="139" width="257"></td>
<td><img src = "character3.png"height="150" width="164"></td>
</tr>
<tr>
<td><img src = "character4.png"height="125" width="200"></td>
<td><img src = "character5.png"height="139" width="257"></td>
<td><img src = "character6.png"height="172" width="125"></td>
</tr>
</table>
<font color="red">credits below there</font><br>
<a href="index.html">back to homepage</a>
</body>
</html>