MÓDULO 5: Listas de definição: <dl>, <dt>, <dd>. Listas ordenadas: <ol>, <li>. Listas não ordenadas: <ul>, <li>.

Tamanho: px

Começar a partir da página:

Download "MÓDULO 5: Listas de definição: <dl>, <dt>, <dd>. Listas ordenadas: <ol>, <li>. Listas não ordenadas: <ul>, <li>."

Agustina Carvalhal Santiago
7 Há anos
Visualizações:

1 MÓDULO 5: Listas de definição: <dl>, <dt>, <dd>. Listas ordenadas: <ol>, <li>. Listas não ordenadas:, <li>. Listas de Definição <dl></dl> - "definition list" constituída por vários termos acompanhados de descrições dos seus significados; <dt></dt> - "definition term" contém a definição de um termo numa lista de definições; <dd></dd> - "definition description" apresenta descrições de termos em listas de definições; Observações: o Dentro de um elemento <dd> pode-se colocar parágrafos, quebras de linha, imagens, outras listas, etc.; o Estas listas são chamadas também Listas de Glossário ; <title>1º Exemplo</title> <h4> Definições:</h4> <dl> <dt> <dl> </dt> <dd> "definition list" </dd> <dt> <dt> </dt> <dd> "definition term" </dd> <dt> <dd> </dt> <dd> "definition description" </dd> </dl> Listas Ordenadas <ol> - "ordered list." - define uma lista ordenada; <li> - define um item de uma lista; type define o tipo da ordenação: o A Letras maiúsculas; o a Letras minúsculas; o I Algarismo romano maiúsculo; o i Algarismo romano minúsculo; o 1 Números; definido como padrão; 1

2 start especifica o valor em que se inicia a numeração dos itens; Observações: o Estas listas não apresentam numeração em formato 1.1, 1.2, etc.; o Dentro de uma lista ordenada pode-se colocar parágrafos, quebras de linha, imagens, outras listas, etc. <title>2º Exemplo</title> <h4>lista Ordenada com números:</h4> <ol> <h4>lista Ordenada com letras maiúsculas:</h4> <ol type="a"> <h4>lista Ordenada com letras minúsculas:</h4> <ol type="a" start="3"> <h4>lista Ordenada com números romanos (maiúsculas):</h4> <ol type="i" start="2"> <h4>lista Ordenada com números romanos (minúsculas):</h4> <ol type="i"> 2

3 Listas Não-Ordenadas - "unordered list." - define uma lista não-ordenada; <li> - define um item de uma lista; type define o tipo da ordenação: o circle figura ( ); o disc figura ( ); definido como padrão; o square figura ( ); Observações: o Dentro de uma lista ordenada pode-se colocar parágrafos, quebras de linha, imagens, outras listas, etc. <title>3º Exemplo</title> <h4>lista com discos como marca:</h4> <ul type="disc"> <h4>lista com anéis como marca:</h4> <ul type="circle"> <h4>lista com quadrados como marca:</h4> <ul type="square"> 3

4 Aninhamento de Listas As listas podem ser aninhadas. <title>4º Exemplo</title> <h4> Listas Aninhadas</h4> <ol> <li> Introdução <li> Desenvolvimento <li>objetivos <li>definições <li> Conclusão <ol type="a"> <li> Introdução <li> Desenvolvimento <ol type="i"> <li>objetivos <li>definições <li> Conclusão <li> Introdução <li> Desenvolvimento <li>objetivos <li>geral <li>individual <li>definições <li> Conclusão 4

5 7ª Lista de Exercícios Criar um arquivo.html que reproduza as listas apresentadas abaixo: 5

6 6

Documentos relacionados

Aula 3 - Desenvolvimento web I

Aula 3 - Desenvolvimento web I Prof.: Marlon Marcon 03/03/2011 1 Ligações de HiperTexto ("links") 1.1 O Elemento (âncora) e o atributo href Sintaxe para criar uma âncora: texto a mostrar