pw1-2017 listas.html

<!DOCTYPE HTML>
<!-- Arquivo: listas.html -->
<html>
    <head>
        <meta charset="utf-8"/>
        <title>
            LISTAS
        </title>
<style>
body { font-size: 20px; font-family: "Arial"; color: #666; }
p { font-size: 20px; }
ul { color:red; }
ol { font-size: 25px; }
.lista { color: #333; font-family: "Arial"; font-size:15px; }
.horizontal li { background-color: #000; color: #fff;
            float: left;
            list-style: none;
            padding: 10px;
            }
.horizontal a { color: #fff; }
</style>
    </head>
    <body>
    <a href="uai.html">dfsgsdfsd</a>
    df gh jtgi byih rtniohu jfgh nlijhkl hljmghol jçlhj  fk,
    <p>um paragrafo</p>
    <p class="lista">Qual será a cor?</p>
    Vamos escrever uma lista (ul)
    <ul class="lista">
        <li>Um elemento</li>
        <li>outro elemento</li>
        <li>terceiro elemento</li>
    </ul>
    Vamos escrever uma lista ordenada
    <ol>
        <li>Um elemento</li>
        <li>outro elemento</li>
        <li>terceiro elemento</li>
    </ol>
    Vamos fazer uma lista dentro de outra lista
    <ul>
        <li> Um item </li>
        <ul>
            <li>Sub item</li>
        </ul>
        <li>outro item</li>
            <ol>
            <li>sub</li>
            </ol>
    </ul>
    <br/>
    <ul class="horizontal">
        <li><a href="index.html">Item 1</a></li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
    </ul>


    </body>
</html>