• Exemplo 1
  • Exemplo 2
  • Exemplo 3
  • Ordenação alfabética minúscula

    1. Exemplo 1
    2. Exemplo 2
    3. Exemplo 3

    Ordenação alfabética maiúscula

    1. Exemplo 1
    2. Exemplo 2
    3. Exemplo 3

    Ordenação numerais romanos minúscula

    1. Exemplo 1
    2. Exemplo 2
    3. Exemplo 3
    ">
  • Exemplo 1
  • Exemplo 2
  • Exemplo 3
  • Ordenação alfabética minúscula

    1. Exemplo 1
    2. Exemplo 2
    3. Exemplo 3

    Ordenação alfabética maiúscula

    1. Exemplo 1
    2. Exemplo 2
    3. Exemplo 3

    Ordenação numerais romanos minúscula

    1. Exemplo 1
    2. Exemplo 2
    3. Exemplo 3
    ">
  • Exemplo 1
  • Exemplo 2
  • Exemplo 3
  • Ordenação alfabética minúscula

    1. Exemplo 1
    2. Exemplo 2
    3. Exemplo 3

    Ordenação alfabética maiúscula

    1. Exemplo 1
    2. Exemplo 2
    3. Exemplo 3

    Ordenação numerais romanos minúscula

    1. Exemplo 1
    2. Exemplo 2
    3. Exemplo 3
    ">
    <h1>Listas Ordenadas</h1>
            <ol>
                <li>Exemplo 1</li>
                <li>Exemplo 2</li>
                <li>Exemplo 3</li>
            </ol>
            <h1>Reversed</h1>
            <ol reversed>
            <li>Exemplo</li>
            <li>Exemplo</li>
            <li>Exemplo</li>
        </ol>
            <h2>Ordenação em numérica (padrão)</h2>
            <ol type="1">
                <li>Exemplo 1</li>
                <li>Exemplo 2</li>
                <li>Exemplo 3</li>
            </ol>
            <h2>Ordenação alfabética minúscula</h2>
            <ol type="a">
                <li>Exemplo 1</li>
                <li>Exemplo 2</li>
                <li>Exemplo 3</li>
            </ol>
            <h2>Ordenação alfabética maiúscula</h2>
            <ol type="A">
                <li>Exemplo 1</li>
                <li>Exemplo 2</li>
                <li>Exemplo 3</li>
            </ol>
            <h2>Ordenação numerais romanos minúscula</h2>
            <ol type="i">
                <li>Exemplo 1</li>
                <li>Exemplo 2</li>
                <li>Exemplo 3</li>
            </ol>
            <h2>Ordenação numerais romanos maiúscula</h2>
            <ol type="I">
                <li>Exemplo 1</li>
                <li>Exemplo 2</li>
                <li>Exemplo 3</li>
            </ol>
            <h2>Lista de onde começar</h2>
            <ol start="3">
                <li>Exemplo 1</li>
                <li>Exemplo 2</li>
                <li>Exemplo 3</li>
            </ol>
            <h2>Lista onde começa + modo de Ordenação</h2>
            <ol type="a" start="8">
            <li>Exemplo</li>
            <li>Exemplo</li>
            <li>Exemplo</li>
        </ol>
            </div>
        <div>
            <h1>Listas não Ordenadas </h1>
            <h2>exemplo "disc" abaixo</h2>
            <ul type="disc">
                <li>Exemplo 1</li>
                <li>Exemplo 2</li>
                <li>Exemplo 3</li>
            </ul>
            <h2>exemplo "square" abaixo</h2>
            <ul type="square">
                <li>Exemplo 1</li>
                <li>Exemplo 2</li>
                <li>Exemplo 3</li>
            </ul>
            <h2>exemplo "circle" abaixo</h2>
             <ul type="circle">  
                <li>Exemplo 1</li>
                <li>Exemplo 2</li>
                <li>Exemplo 3</li>
                </ul>
                <h2>exemplo de sem marcação "none"</h2>
                <ul type="none">
                <li>Exemplo 1</li>
                <li>Exemplo 2</li>
                <li>Exemplo 3</li>
                </ul>
    
            <h2>Usando apenas <ul></ul> vem a bolinha cheia como padrão</h2>
            <ul>
                <li>Exemplo 1</li>
                <li>Exemplo 2</li>
                <li>Exemplo 3</li>
            </ul>
        </div>
        <div>
            <h1>Lista de Definição</h1>
            <dl>
                <dt>Exemplo 1</dt>
                <dd>É assim que fica o Exemplo de lista de Definição</dd>
                <dt>Exemplo 2</dt>
                <dd>Elas ficam um pouco mais a frente definindo a palavra acima</dd>
            </dl>
        </div>