HTML 5 - Listas e Links

Prévia do material em texto

LISTASLISTASLISTAS
Usadas para organizar
informações
Agrupamento de
informações do mesmo tipo
Tipos de listas: 
Listas desordenadas, pontos
Tipos:
"disc": ponto
"cicle": círculo
"square": quadrado
Listas Não Ordenadas: 
a.
b.
Tags:
Inicia-se pela tag <ul>
Em seguida a tag <li>, que representa os
elementos dessa lista
Caso haja necessidade de uma sublista, é
necessário que se refaça o processo, como na
imagem
1.
2.
3.
LISTASLISTASLISTAS
lista não ordenada no mecanismo de busca:
exemplo de lista não ordenada:
LISTASLISTASLISTAS
Listas ordenadas, números
Tipo "a": letras minúsculas
ex: "a. Trabalho"
Tipo "A": letras maiúsculas
ex: "A. Trabalho"
Tipo "i": numerais romanos minúsculos
ex: "i. Trabalho"
Tipo "I": numerais romanos maiúsculos
ex: "I. Trabalho"
Listas Ordenadas: 
a.
b.
c.
d.
e.
Tags:
Inicia-se pela tag <ol>
Em seguida a tag <li>, que representa os
elementos dessa lista
Caso haja necessidade de uma sublista, é
necessário que se refaça o processo, como na
imagem
1.
2.
3.
LISTASLISTASLISTAS
exemplo de lista ordenada:
lista ordenada no mecanismo de busca:
exemplo de lista de definição:
LISTASLISTASLISTAS
Tags:
Inicia-se pela tag <dl>
Em seguida a tag <dt>, que representa os
elementos dessa lista
Caso haja necessidade de uma sublista, é
necessário que se refaça o processo, como nas
anteriores
1.
2.
3.
Listas para definir elementos
Listas de definições: 
a.
lista de definição no mecanismo de busca:
Tags com menu de navegação
Inicia-se com a tag <nav>
Em seguida a tag <li> para representar um
elemento de lista
E então a tag <a> que representa o elemento
link e junto da tag o "href" que é o endereço de
destino do link
1.
2.
3.
LINKSLINKSLINKS
Usada para navegação
Usadas para interação de
usário e máquina
Tags sem menu de navegação
Basta a tag <a> que representa um elemento de
lista e em seguida o "href" que é o endereço de
destino do link
1.
LINKSLINKSLINKS
exemplo de endereço de link:
Links no mecanismo de busca: