TRABALHANDO COM TABELAS Html

AULA 4 – TRABALHANDO COM TABELAS

Assim como as listas, no HTML existem elementos específicos para a criação e formatação de tabelas. O recurso de tabelas é muito interessante e muito usado nas páginas Web. O conceito é o mesmo conhecido usualmente: ela tem linhas e colunas, e na interseção delas estão as células. Na linguagem HTML você pode inserir nas células tudo o que normalmente faz parte do corpo de um documento, como textos, links, imagens, listas e até outras tabelas.

COMANDO <TABLE>...</TABLE>: Indica o início e o final de uma determinada tabela. Todas as demais marcas referentes a tabelas - linhas e células - somente serão consideradas se incluídas entre <table> e </table>.

<table>

<tr>

<td>Texto A</td>

<td>Texto B</td>

</tr>

</table>

ATRIBUTOS DE TABLE

Atributo: COLSPAN

Explicação: Indica quantas "células de largura" (colunas) a respectiva célula deve ocupar.

Exemplo:

<table>

<tr>

<td colspan="2">Texto A</td>

</tr>

<tr>

<td>Texto B</td>

</tr>

</table>

Atributo: ROWSPAN

Explicação: Indica quantas "células de altura" (linhas) a respectiva célula deve ocupar.

Exemplo:

<table>

<tr>

<td rowspan="2">Texto A</td>

<td>Texto B</td>

</tr>

<tr>

<td>Texto C</td>

</tr>A formatação da tabela deverá seguir algumas regras:

• Bordas: espessura entre 3 a 5 px.

• Cor e estilo da borda a sua escolha.

• Espaçamento entre as células de 3px e espaçamento entre o texto e a borda de 2px.

• Linha de título das colunas: determine a fonte, tamanho, cor da letra e alinhamento. Cor de fundo da célula, a sua escolha.

• Todas as imagens deverão ter o mesmo tamanho.

• O título “Animais Marinhos” deverá aparecer no centro da página e com fonte, tamanho e cor da letra diferente da formatação padrão.

Importante: o nome cientifico do