LISTAS ORDENADAS EM HTML
LISTA
ORDENADA
<ol> é a
tag para começo da lista.
<li> é a
tag para cada item da lista.
A lista vai ser número padrão 1, 2,3...
<!DOCTYPE html>
<html>
<body>
<h2>LISTA ORDENADA DO HTML5</h2>
<ol>
<li>LEITE</li>
<li>CAFÉ</li>
<li>PÃO</li>
</ol>
</body>
</html>
LISTA ORDENADA- ATRIBUTO DE TIPO
type atributo
dentro da tag <ol>
vai definir tipo de marcador da lista.
type=”1 ” para os números
type=”A ” para
alfabeto maiúsculo
type=”a ” para
alfabeto minúsculo
type=”I ” para
algarismo romano maiúsculo
type=”i ” para algarismo romano minúsculo
PARA OS NÚMEROS
<!DOCTYPE html>
<html>
<body>
<h2>LISTA ORDENADA DO HTML5</h2>
<ol type=”1” >
<li>LEITE</li>
<li>CAFÉ</li>
<li>PÃO</li>
</ol>
</body>
</html>
PARA ALFABETO MAIÚSCULO
<!DOCTYPE html>
<html>
<body>
<h2>LISTA ORDENADA DO HTML5</h2>
<ol type=”A” >
<li>LEITE</li>
<li>CAFÉ</li>
<li>PÃO</li>
</ol>
</body>
</html>
PARA ALFABETO MINÚSCULO
<!DOCTYPE html>
<html>
<body>
<h2>LISTA ORDENADA DO HTML5</h2>
<ol type=”a” >
<li>LEITE</li>
<li>CAFÉ</li>
<li>PÃO</li>
</ol>
</body>
</html>
PARA ALGARISMO ROMANO MAIÚSCULO
<!DOCTYPE html>
<html>
<body>
<h2>LISTA ORDENADA DO HTML5</h2>
<ol type=”I” >
<li>LEITE</li>
<li>CAFÉ</li>
<li>PÃO</li>
</ol>
</body>
</html>
PARA ALGARISMO ROMANO MINÚSCULO
<!DOCTYPE html>
<html>
<body>
<h2>LISTA ORDENADA DO HTML5</h2>
<ol type=”i” >
<li>LEITE</li>
<li>CAFÉ</li>
<li>PÃO</li>
</ol>
</body>
</html>
CONTAR
APARTIR DETERMINADO NÚMERO
start atributo vai determinar onde você quer começar a contar os número.
<!DOCTYPE html>
<html>
<body>
<h2>LISTA ORDENADA DO HTML5</h2>
<ol start="20" >
<li>LEITE</li>
<li>CAFÉ</li>
<li>PÃO</li>
</ol>
<ol type=”I” start="20" >
<li>LEITE</li>
<li>CAFÉ</li>
<li>PÃO</li>
</ol>
</body>
</HTML>
LISTA DENTRO DA LISTA
<!DOCTYPE html>
<html>
<body>
<h2>lista dentro da lista</h2>
<ol>
<li>café</li>
<li>leite
<ol>
<li>pão</li>
<li>magarina</li>
</ol>
</li>
<li>uva</li>
</ol>
</body>
</html>