Internet - 1 Listas m Tipos de listas q listas não ordenadas ( ) atributo type controla o aspecto do símbolo (disc, circle, square) q listas ordenadas.

Apresentação em tema: "Internet - 1 Listas m Tipos de listas q listas não ordenadas ( ) atributo type controla o aspecto do símbolo (disc, circle, square) q listas ordenadas."— Transcrição da apresentação:

1 Internet - 1 Listas m Tipos de listas q listas não ordenadas ( ) atributo type controla o aspecto do símbolo (disc, circle, square) q listas ordenadas ( ) atributos start e value para controlar a numeração atributo type controla o aspecto do símbolo (1, A, a, I, i) q definições ( ) m item de uma lista q q … … (nas listas de definições) m as listas podem ser q Encaixadas q Utilizar atributos start=n indica o número inicial; value=n altera o valor corrente substituir por CSS

2 Internet - 2 Exemplo de listas Vertebrados Mamíferos Primatas. Cetáceos. Aves Invertebrados. Coisa O que se chama a um objecto na falta de melhor. Objecto O que se chama a uma coisa quando não ocorre outra.

3 Internet - 3 Tabelas m - delimita a definição da tabela m - informação organizada por linhas m - conteúdo de uma célula m - cabeçalho de coluna ou de linha m Limitações q não alinha conteúdos de células diferentes q o controlo da espessura dos caixilhos é limitado q não há a noção de cabeçalho de repetição

4 Internet - 4 Tabela simples Exame Nota Final Ana 10 11 Zé 12 15 Média 11 13

5 Internet - 5 Atributos das tabelas m... define a legenda q align= top ou bottom m border - caixilho; m width - largura, absoluta ou relativa q pode indicar-se a percentagem que cada coluna gasta do total m cellspacing espaço intercelular; cellpadding espaço intracelular m align (center, left, right) q em controla a tabela; em,, controla as células individuais m valign – posicionamento vertical (top, middle, bottom) m colspan, rowspan - estende influência da célula m bgcolor - côr do fundo (background) m heigth - altura

6 Internet - 6 Nota m Resolução & dimensão Resoluçãodimensão útil (em pixel) 640x480585x295 800x600745x415 1024x768969x583 1280x10241225x839

7 Internet - 7 Tabela mais elaborada m Como construir? m Quantos elementos são definidos na 2ª linha? m É possível incluir uma outra tabela num ?

8 Internet - 8 Código da tabela <table align="center"bgcolor="#FFFF00" border cellspacing="2" cellpadding="5" width="50%"> Tabela 1. Estatísticas. Demografia Homens Meninas Prof Turmas A 20 5 B 21 3 idem Total 41 8 49

9 Internet - 9 Exercício 1

10 Internet - 10 Exercício 2

11 Internet - 11 Exercício 3