SMPW

Semana 4

Tabelas em HTML:

Uma forma básica de organizar dados, texto e mesmo imagens, será recorrer a tabelas de forma a controlar linhas e colunas.
Cuiadado, para gerir o layout de uma página será via CSS.

Quais os elementos para definir uma tabela:

table:

Cria a tabela

tr (table row):

Cria linhas

td (table data):

Cria colunas / dados

Exemplo de uma tabela 2x2:

Tabela com duas linhas e duas colunas (ex: sensor / valor):

Acrescentar um cabeçalho na tabela 2x2:

Usando o elemento th: Exemplo sensor / valor:

A matéria para o mini teste TERMINA AQUI:

Formatação básica de tabelas:

Como assinar as linhas das células da tabela: border: 1px solid

Caixa exterior com 2 pixeis e as células de dados com 1 pixel:

Exercício:

Uma imagem tom texto do lado direito

Solução: Usar uma tabela invisível: com 1 linha e 2 colunas

Universidade Lusíada Largo Tinoco de Sousa Vila Nova de Famalicão PORTUGAL

Exercício: Uma cabeçalho para um site / portal, em que o endereço está do lado direito

Universidade Lusíada Largo Tinoco de Sousa Vila Nova de Famalicão PORTUGAL

HOME