!DOCTYPE HTML>
<html>
<head>
<title>ESTILOS EM TABELAS.</title>
<style>
td {text-align: center;}
#nomes{background-color: #999999;}
#cabecalho{background-color: #FFDEAD;}
</style>
</head>
<body>
<br><br>
<div style = "background-color: orange;">
<br><br>
<br><br>
<center>
<h3> TABELA ESTILIZADA </h3>
<table border="2">
<caption> <strong>RELATORIO DE NOTAS DOS ALUNOS</strong> </caption>
<tr><th id=cabecalho>ALUNOS </th><th id=cabecalho>PORTUGUÊS </th><th id=cabecalho>MATEMÁTICA </th><th id=cabecalho>INGLES </th><th id=cabecalho>EDUCAÇÃO FÍSICA </th></tr>
<tr><td id=nomes>JULIA BERTOLDI </td><td>7,8 </td><td>9,0 </td><td>8,0 </td><td>10,0 </td></tr>
<tr><td id=nomes>SOPHIA BERTOLDI </td><td>9,0 </td><td>10,0 </td><td>8,0 </td><td>9,0 </td></tr>
<tr><td id=nomes>YASMIN BERTOLDI </td><td>8,0 </td><td>8,0 </td><td>10,0 </td><td>7,0 </td></tr>
<tr><td id=nomes>ALICE BERTOLDI </td><td>9,0 </td><td>7,0 </td><td>9,0 </td><td>10,0 </td></tr>
<tr><td id=nomes>WESLEY BERTOLDI </td><td>7,0 </td><td>6,0 </td><td>9,0 </td><td>8,0 </td></tr>
</table>
</center>
<br><br><br><br>
</div>
<br><br><br><br><br>
<div style = "background-color: orange;">
<pre>
</body>
</html>