Tabelas II

 Neste post mais umas dicas sobre tabelas.
 No post anterior, foram explicados os conceitos básico da construção de uma tabela, com vista a organizar os diversos elementos de uma página de html.
Vamos aprofundar um pouco mais.
Assim vamos aprender a manipular as linhas e as colunas de uma tabela,com colspan (relativo às colunas) e rowspan(realtivo às linhas) de maneira a que a leitura dos dados se torne mais fácil para o utilizador.

O número em frente de colspan e rowspan indica o numero de colunas e linhas a colapsar respectivamente.
Se a espessura do border fôr igual a zero, os dados continuam, obviamente alinhados, e o border desaparece, pode ser muito útil em alguns casos.

O seguinte código irá produzir uma tabela de preços:




<table border="1" style="color: darkgrey; text-align: center; width: 300px;">
<tr>
<td colspan="3">
<div style="color: aquamarine; font-family: verdana; font-size: 20pt;">
Lista</div>
</td>
</tr>
<tr>
<td>
<div style="color: darkgrey;">
Item</div>
</td>
<td>
<div style="color: darkgrey;">
Preço Unitário</div>
</td>
<td>
<div style="color: darkgrey;">
Quantidade</div>
</td>
</tr>
<tr>
<td>
<div style="color: darkgrey;">
Cadernos</div>
</td>
<td>
<div style="color: darkgrey;">
1,25€</div>
</td>
<td>
<div style="color: darkgrey;">
50</div>
</td>
</tr>
<tr>
<td>
<div style="color: darkgrey;">
Lápis</div>
</td>
<td>
<div style="color: darkgrey;">
0,59€</div>
</td>
<td>
<div style="color: darkgrey;">
230</div>
</td>
</tr>
<tr>
<td  ="" rowspan="2" style="color: darkgrey;">
<div  ="" style="color: darkgrey;">
Borrachas</div>
</td>
<td>
<div style="color: darkgrey;">
Grandes</div>
<div style="color: darkgrey;">
1,25€</div>
</td>
<td>
<div style="color: darkgrey;">
35</div>
</td>
</tr>
<tr>
<td>
<div style="color: darkgrey;">
Pequenas</div>
<div style="color: darkgrey;">
1,09€</div>
</td>
<td>
<div style="color: darkgrey;">
44</div>
</td>
</tr>
</table>


Igual à tabela abaixo apresentada:

Lista
Item	Preço Unitário	Quantidade
Cadernos	1,25€	50
Lápis	0,59€	230
Borrachas	Grandes 1,25€	35
	Pequenas 1,09€	44

Já sabem, não exitem em postar um comentário, se quiserem acrescentar algo, tiverem alguma dúvida, ou se quiserem ver explicado algum assunto ainda não postado.

Obrigado