•  Tabelas: – Células – Linhas

•  Resolução de uma ficha de trabalho.

Sumário da aula:

Recordando...

+

Recordando...

+

•  Assim, podemos inserir código adicional que permita-nos ver numa página html:

Listas

Não Numeradas

Numeradas

Sub listas

+

Funcionamento

A tag ul define uma lista não

numerada.

A tag ol define uma lista numerada

A tag li define um elemento de uma lista; Deve ser incluido dentro de uma lista (numerada ou não)

+

+

+

+

+

Funcionamento

Listas multi-nível são Listas dentro de listas

Para criar uma lista dentro de outra lista, abre-se uma nova lista dentro de um elemento da lista anterior.

Podem-se misturar listas numeradas com não numeradas.

+

+

Células

Linhas

Tabela

+Funcionamento Table

•  <table> … </Table>

•  Inicia e termina uma tabela

TR • Table Row •  <TR> … </

TR> • Começa e

termina uma linha horizontal.

TD • Table Data •  <TD> … </

TD> • Começa e

termina cada célula numa linha

+

Célula 1 Célula 2

Célula 3 Célula 4

+ Exemplo

+ Exemplo

+

BORDER

Width

Align

Color

•  Define a espessura da linha em volta

•  Largura de uma tabela •  Em pixels

•  Alinhamento •  Esquerda, direita,

centro

•  Define a cor do interior

+

+

+

+•  Td color=“gray”

+

Sons

Links

Texto vídeos

Números

Imagens Unir células

Unir linhas

Unir colonas

+