Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 22:32 1 LISTAS Listas de Definição Estas listas são chamadas também “Listas de Glossário”,

Apresentação em tema: "Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 22:32 1 LISTAS Listas de Definição Estas listas são chamadas também “Listas de Glossário”,"— Transcrição da apresentação:

1 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 22:32 1 LISTAS Listas de Definição Estas listas são chamadas também “Listas de Glossário”, uma vez que têm o formato: termo a ser definido definição do termo termo a ser definido definição do termo Este tipo de lista é muito utilizado para diversos efeitos de organização de páginas, por permitir a tabulação do texto. Um exemplo é a lista exemplificada no exercício abaixo:

2 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 22:32 2 Vamos testar a lista de definição abaixo. Digite os comandos abaixo no Bloco de Notas. Grave com o nome exerc7.htm Lista de definição Exemplo de lista de definição: Browser "Paginador" ou "Navegador". São softwares que permitem a visualização de páginas www. Download Ato de copiar um arquivo de um computador (servidor), através de FTP. Home-page Hipertexto em linguagem HTML, que permite a visualização de informações a quem acessar um endereço na WWW. Link Termo utilizado para indicar uma ligação com outro hipertexto. Site Conjunto de home-pages a respeito de um determinado assunto

3 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 22:32 3

4 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 22:32 4 Listas não-numeradas De forma diferente da lista de definição, as listas com marcadores produzem uma lista semelhante àquela fornecida pelo Microsoft Word, cuja principal utilidade é destacar itens importantes em uma citação. Seu formato é: primeiro item da lista segundo item da lista terceiro item da lista Para compor uma lista dentro de outra lista com marcadores, basta incluir o elemento após um elemento. Neste caso, há uma mudança nos marcadores utilizados, como exemplificado a seguir:

5 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 22:32 5 primeiro item da lista mudou o marcador porque começou uma lista composta novo item da lista da lista composta segundo item da lista terceiro item da lista primeiro tópico do terceiro item segundo tópico do terceiro item Alguns navegadores, essa lista pode ter marcadores diferentes, indicados através do atributo TYPE, que assume os valores CIRCLE, SQUARE e DISC (default), conforme mostram os exemplos a seguir.

6 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 22:32 6 primeiro item segundoitem Cada item também pode ter seu atributo específico: primeiro item segundo item terceiro item

7 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 22:32 7 Digite os comandos abaixo no Bloco de Notas. Grave com o nome exerc8.htm Lista de Marcadores Trabalhando com listas Exemplo de lista de marcadores com dois níveis: primeiro item da lista mudou o marcador porque começou uma lista composta novo item da lista da lista composta segundo item da lista terceiro item da lista primeiro tópico do terceiro item segundo tópico do terceiro item Continua.... ->

8 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 22:32 8 Agora vamos ver a mudança de marcadores através da cláusula TYPE. Funciona somente com alguns navegadores Exemplo de mudança de marcador para a lista toda: primeiro item segundo item Exemplo de mudança de marcador para o item da lista: primeiro item segundo item terceiro item

9 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 22:32 9

10 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 22:32 10 Listas Numeradas As listas numeradas funcionam da mesma forma que as listas de marcadores, porém, os marcadores usados anteriormente dão lugar a números. Os elementos utilizados para defini-las são mostrados abaixo – simplesmente o elemento é substituído por. primeiro item da lista segundo item da lista terceiro item da lista As linhas acima causam o seguinte efeito: 1. primeiro item da lista 2. segundo item da lista 3. terceiro item da lista

11 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 22:32 11 Estas listas podem ser usadas para compor índices. No entanto, não apresentam numeração composta, como no Microsoft Word (isto é 1.1, 1.2, 2.1, 2.2 etc). Para obter este efeito pode ser usado o atributo TYPE e START (HTML 3.2), conforme exemplificado abaixo: Introdução O que é HTML Documento Básico Trabalhando com listas Listas de marcadores Listas numeradas Formatando documentos Fontes Cores

12 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 22:32 12 Digite os comandos abaixo no Bloco de Notas. Grave com o nome exerc9.htm Listas Numeradas Trabalhando com listas numeradas Introdução O que é HTML Documento Básico Trabalhando com listas Listas de marcadores Listas numeradas Formatando documentos Fontes Cores

13 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/2016 22:32 13