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>


