Pode
se colocar uma cor numa tabela inteira de uma só vez.
Para
isso basta colocar o código bgcolor com seu valor dentro da tag <table>.
Para
lembrar...
As tags para construir uma tabela são:
<TABLE> indica o início e o fim de
uma tabela </TABLE>
<TR> indica o início e o fim de uma
linha </TR>
<TH> indica o início e o fim de uma
célula-título </TH>
<TD> indica o início e o fim de uma
célula </TD>
Exemplo:
<table border="3"width="300"
align="center" bgcolor="PaleGreen">
Pode-se colocar o nome de uma determinada
cor, entre aspas, ou podo-se colocar o código dessa cor, também entre aspas.
Como pode ver:
<table border="3"width="300"
align="center" bgcolor="
#9AFF9A">
Então,
para se colocar uma cor numa determinada célula de uma tabela, basta adicionar
o código bgcolor com seu valor dentro de uma tag <th> que é uma
tag de título em negrito:
<th bgcolor="red"> Mês</th>
Ou adicionar o código bgcolor
com seu valor dentro de uma
tag <td bgcolor=”red”>Dia da
semana</td>.
Consulte
a tabela de cores.
Agora vamos ver numa sintaxe completa:
<html>
<head>
<title>tabela colorida</title>
</head>
<body>
<p align="center">
</p>
<table border="5"width="400"
align="center"Cellpadding="6" Cellspacing="6" bgcolor="PaleGreen" >
<tr
align="center"> <!tr é a tag dos títulos, em negrito>
<th bgcolor="red">NOME</th>
<th bgcolor="CYAN">MÊS</th>
<th bgcolor="blue" >DIA</th>
<th
bgcolor="#00FFFF" >HORAS</th><!#00FFFF,
esse é o código para a cor CYAN>
</tr>
<tr align="center">
<td
Colspan="2"><table
border="3"width="100%">
</td>
<td
align="center">MARIA</td>
<td
align="center">JANEIRO</td>
</td>
<tr>
<td align="center">JOÃO</td>
<td
align="center">FEVEREIRO</td>
</tr>
<tr>
<td
align="center">REBECA</td>
<td
align="center">MARÇO</td>
</tr>
</table>
</td>
<td
colspan="3" bgcolor="#FFA500"
>
<table border="3" width="100%">
</td>
<td>12</td>
<td>12:50</td>
</td>
<tr>
<td>25</td>
<td>16:30</td>
</tr>
<tr>
<td>15</td>
<td>15:00</td>
</tr>
</table>
</td>
</tr>
<tr
align="center">
<td>FABRÍCIA</td>
<td>ABRIL</td>
<td>01</td>
<td>15:00</td>
</tr>
<tr
align="center">
<td>JOSÉ</td>
<td>AGOSTO</td>
<td>10</td>
<td>18:00 </td>
</tr>
<tr
align="center">
<td>CARLOS</td>
<td>MAIO</td>
<td>11</td>
<td>14:00</td>
</tr>
</table>
</body>
</html>
Essa
tabela visualizada fica assim:
Nessa pequena tabela colorida usamos de tags para colocar cores e também de tags para inserir uma tabela dentro de outra, como já vimos anteriormente.
Bem, vale a pena sempre rever, um pouco mais, para reforçar nosso aprendizado, então vamos lá! Porque
ainda tem muito mais para se aprender sobre tabelas!
ainda tem muito mais para se aprender sobre tabelas!
Nenhum comentário:
Postar um comentário