Prof. Vania Gimenez- Aula de Hoje Caro aluno- Este material é só um apoio as
aulas, os livros devem ser utilizados para o aprimoramento de seu estudo.
Prof. Vania Gimenez – Aula listas
LISTAS (MARCADORES E NUMERAÇÃO)
1-Lista não numerado ou não ordenada
exemplo 1
<ul> -------------> inicios da lista
<li> texto</li> ------> item da lista
<li> texto </li>
<li> texto </li>
----------> item da lista
</ul> ---------> fim da lista
Exemplo2
lista encadeada
<ul>
<li> lista principal</li>
<ul>
<li> lista secundária</li>
<li> texto </li>
</ul>
<li> continua na lista principal</ul>
</ul>
Atributo
Utilizando somente html
<UL TYPE= “n” >
Opções:
disc ---->default
square
circle
2-Lista numerada ou ordenada
Exemplo
<ol>
<li> texto</li> ------> item da lista
<li> texto </li>
<li> texto </li>
</ol>
<OL TYPE= “n” START = m>
Onde n é o tipo de numeração utilizada:
A
a
I
i
letras maiúsculas
letras minúsculas
algarismos romanos maiúsculos
algarismos romanos minúsculos
1
números arábicos (default)
para alterar
uma llinha <li> value=”20”>
Lista encadeada
exemplo 2
<ol>
<li>lista principal</li>
<ol type=”a”>
<li> segunda lista</li>
<li> segunda lista</li>
</ol>
<li>lista principal</li>
</ol>
Faça a seguinte lista utilizando o Css:
I.uol
II.Google
III.uninove
IV.Lista em html desuso
por exemplo montar um lista numerada com o link para 3 sites igual
a atividade curriculum
lista numerada sem link
<ol>
<li>uol</li>
<li>ig</li>
<li>ibest</li>
</ol>
lista numerada com link - termine o codigo a seguir
ol>
<li><a href=”http://uol.com.br”>uol</a></li>
<li>ig</li>
<li>ibest</li>
</ol>
Utilizando lista com css
Dentro do <style>
ul{list-style-type:square;}
Atenção:
Material disponível no site lista com css
veja no link download - propriedade da lista e também
Veja em download - comandos css 1 e 2