Formatação de tabelas em html

Curso Informática de Gestão
Sistemas de Informação
Módulo 5 – Gestão de conteúdos partilhados
Ficha “Utilização e formatação de tabelas”

Exemplo 15
A tag que representa a tabela é <table> e tem que ser obrigatoriamente fechada. As sub-tags que podem ser utilizadas dentro desta tag são as seguintes:
<tr> sub-tag inserida dentro da tabela representando uma linha;
<th> sub-tag inserida dentro da tabela representando o cabeçalho de uma coluna;
<td> sub-tag inserida dentro da tabela representando os dados de uma coluna.

Os atributos suportados por estas tags são: bordercolor - alterar a cor da borda da tabela; bgcolor – alterar a cor de fundo de uma célula ou de toda a tabela; background – inserir uma imagem de fundo numa célula ou em toda a tabela; align – alinhar horizontalmente o conteúdo de uma célula ou em alinhar toda a tabela; valign – alinhar verticalmente o conteúdo de uma célula; width – alterar a largura de uma célula ou de toda a tabela; height – alterar a altura de uma célula ou de toda a tabela; rowspan – juntar duas ou mais linhas numa só célula; colspan – juntar duas ou mais colunas numa só célula.

(…)

<body> <table border=”2” align=”center”> <tr><th>Cabeçalho 1<th> Cabeçalho 2 <tr><td> Célula 1<td> Célula 2 </body>

(…)

Exemplo 16
Por vezes necessitamos de construir uma tabela um pouco mais complexa que a anterior. Quando usamos um editor de HTML, construir uma tabela torna-se mais fácil uma vez que podemos usar a opção unir células. Mas como fazer isso em programação? No exemplo seguinte aborda-se um caso destes.
(…)
<body> <table border=”2” width=”80%” align=”center”> <tr height=”100”> <td colspan=”2” align=”right” bgcolor=”yellow”> 1 <tr> <td rowspan=”2” valign=”top” bgcolor=”cyan”>2 <td>3 <tr bgcolor=”green”> <td> 4 </table>
</body>
(…)