O documento resume conceitos básicos de HTML, incluindo: 1) Tabelas contém células e linhas; 2) Listas podem ser numeradas ou não numeradas e podem conter sublistas; 3) Células são os elementos dentro de uma tabela e linhas contém células horizontais.

2. Sumário da aula:
• Tabelas:
– Células
– Linhas
• Resolução de uma ficha
de trabalho.

3. Recordando...

4. +
Recordando...

5. +
• Assim, podemos inserir código
adicional que permita-nos ver numa
página html:
Numeradas
Não
Sub listas
Numeradas
Listas

6. +
Funcionamento
A tag li define
um elemento
de uma lista;
A tag ul define A tag ol define
uma lista não uma lista Deve ser
numerada. numerada incluido dentro
de uma lista
(numerada ou
não)

7. +

8. +

9. +

10. +

11. +
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.

12. +

13. +
Células
Tabela
Linhas

14. +
Funcionamento
Table TR TD
• <table> … • Table Row • Table Data
</Table> • <TR> … </ • <TD> … </
• Inicia e TR> TD>
termina • Começa e • Começa e
uma tabela termina termina
uma linha cada célula
horizontal. numa linha

15. +
Célula 1 Célula 2
Célula 3 Célula 4

16. + Exemplo

17. + Exemplo

18. +
BORDER • Define a espessura da
linha em volta
Width • Largura de uma tabela
• Em pixels
• Alinhamento
Align • Esquerda, direita,
centro
Color • Define a cor do interior

19. +

20. +

21. +

22. +
• Td color=“gray”

23. +
Unir
Sons Imagens
células
Unir
Links Números
linhas
Unir
Texto vídeos
colonas

24. +