O resultado final desejado está abaixo:
Vamos então ao código desta página:
<html>
<head><title> Brasileirão 2015 </title></head>
<body>
<table width="100%" bgcolor="#666666">
<tr><td align="center"><font color="#FFFFFF"><h1>BRASILEIRÃO 2015</h1></font></td></tr>
</table>
<h1> Tabela </h1>
<hr>
Atualizada até a Sexta Rodada
<hr>
<table width="50%">
<tr>
<td> CLASSIFICAÇÃO </td>
<td align="center"> P</td>
<td align="center"> J </td>
<td align="center"> V </td>
<td align="center"> E </td>
<td align="center"> D </td>
<td align="center"> GP </td>
<td align="center"> GC </td>
<td align="center"> SG </td>
</tr>
<tr>
<td> <font color="#0000ff"> 1 </font> - Atlético-PR </td>
<td align="center" bgcolor="#CCCCCC"><b> 15 </b></td>
<td align="center"> 6 </td>
<td align="center" bgcolor="#CCCCCC"> 5 </td>
<td align="center"> 0 </td>
<td align="center" bgcolor="#CCCCCC"> 1 </td>
<td align="center"> 9 </td>
<td align="center" bgcolor="#CCCCCC"> 3 </td>
<td align="center"> 6 </td>
</tr>
<tr>
<td> <font color="#0000ff"> 2 </font> - São Paulo </td>
<td align="center" bgcolor="#CCCCCC"><b> 13 </b></td>
<td align="center"> 6 </td>
<td align="center" bgcolor="#CCCCCC"> 4 </td>
<td align="center"> 1 </td>
<td align="center" bgcolor="#CCCCCC"> 1 </td>
<td align="center"> 10 </td>
<td align="center" bgcolor="#CCCCCC"> 4 </td>
<td align="center"> 6 </td>
</tr>
<tr>
<td> <font color="#0000ff"> 3 </font> - Ponte Preta </td>
<td align="center" bgcolor="#CCCCCC"><b> 12 </b></td>
<td align="center"> 6 </td>
<td align="center" bgcolor="#CCCCCC"> 3 </td>
<td align="center"> 3 </td>
<td align="center" bgcolor="#CCCCCC"> 0 </td>
<td align="center"> 13 </td>
<td align="center" bgcolor="#CCCCCC"> 7 </td>
<td align="center"> 6 </td>
</tr>
<tr>
<td> <font color="#0000ff"> 4 </font> - Sport </td>
<td align="center" bgcolor="#CCCCCC"><b> 12 </b></td>
<td align="center"> 6 </td>
<td align="center" bgcolor="#CCCCCC"> 3 </td>
<td align="center"> 3 </td>
<td align="center" bgcolor="#CCCCCC"> 0 </td>
<td align="center"> 10 </td>
<td align="center" bgcolor="#CCCCCC"> 5 </td>
<td align="center"> 5 </td>
</tr>
</table>
</body>
</html>
! ------ Agora é só você continuar para seu treinamento -----
Desenvolvimento de Trabalho para as turmas da ETRR (1INF-M1 e 1GEM-M1):
Complete a tabela acima do campeonato brasileiro 2015.
Para cada time da tabela, crie um link para acessar a página daquela página
A página do seu trabalho deve estar hospedada
O link de sua página deve ser enviado até o dia 3/julho para o email:
pr.epsantos@gmail.com - com o título: Trabalho de (Inf1 ou Web1) - Turma - Nome do aluno.
Abraços e até nossa próxima dica.
Nenhum comentário:
Postar um comentário