3/3 html table public last

<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 info .......stay night</font></caption>
<tr>
<th>character name</th>
<th>about character </th>
<th>character ............</th>
</tr>
<tr>
<td><img src="character image here"></td>
<th>nickname:your character nickname<br>name:your character name<br>age: your character age<br>Gender:your character gender<br></th>
<th>......</th>
</tr>
</table>
<font color="red">credits below there</font><br>
<a href="info url">name for your credits</a>
</body>
</html>