SW 2022-03-04

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Listas</title>
</head>
<body>
    <h1>Listas em HTML</h1>
    <h2>Definition lists <mark>dl</mark> -
        para definições
    </h2>
    <h3>Exemplos:</h3>
    <dl>
        <dt>Saco</dt><!-- def term-->
        <dd>Objeto capaz transportar outros</dd><!-- def data-->

        <dt>Ser vivo</dt>
        <dd>Entidade biológica capaz de se reproduzir pelos seus próprios recursos celulares.</dd>
    </dl>
    <hr><!-- quebra semântica -->
    <h2>Ordered lists <mark>ol</mark> -
        para listas com ordem
    </h2>
    <h3>Exemplos:</h3>
    <h4>Maiores economias do mundo, pelo PIB</h4>
    <ol>
        <li>EUA</li><!-- list item -->
        <li>China</li>
        <li>Japan</li>
        <li>Germany</li>
    </ol>

    <hr><!-- outro assunto -->
    <h2>Unordered lists <mark>ul</mark> -
        para listas onde a ordem não é relevante
    </h2>
    <h3>Exemplos:</h3>
    <h4>Frutas que aprecio:</h4>
    <ul>
        <li>Morangos</li><!-- list item -->
        <li>Laranjas</li>
        <li>Maçãs</li>
    </ul>

</body>
</html>