Create a HTML document that displays a table of football sco
Create a HTML document that displays a table of football scores in which the each team name is a different color . The winning scores must appear larger and in a different font than the losing scores. The team names must be in a script font
Solution
<!DOCTYPE html>
<html xmlns=\"http://www.w3.org/1999/xhtml\">
<head>
<title>Global Earth</title>
<style>
.table {
width: 50%;
}
.thead {
font-size: 26px;
padding-right: 80px;
color: midnightblue;
text-decoration: underline;
}
.thead-ind {
color: blue;
padding: 10px;
font-family: cursive;
font-weight: bold;
font-size: 26px;
}
.thead-eng {
color: #DB2191;
padding: 10px;
font-family: cursive;
font-weight: bold;
font-size: 26px;
text-align: right;
}
.tdata-ind {
text-align: center;
padding: 10px;
font-family: \'Kristen ITC\';
font-size: 20px;
color: red;
font-weight: bold;
}
.tdata-eng {
text-align: center;
padding: 10px;
font-family: \'Kristen ITC\';
font-size: 40px;
color: green;
font-weight: bold;
}
</style>
</head>
<body>
<table class=\"table\">
<thead>
<tr>
<th colspan=\"5\" class=\"thead\">Score Board</th>
</tr>
</thead>
<tbody>
<tr>
<td class=\"thead-ind\">INDIA</td>
<td class=\"tdata-ind\">10</td>
<td style=\"font-size: 38px;\">-</td>
<td class=\"tdata-eng\">22</td>
<td class=\"thead-eng\">ENGLAND</td>
</tr>
</tbody>
</table>
</body>
</html>

