Listas

Las listas son importantes en html y vamos aprender como usarlas, existen 2 tipos de listas, las listas ordenadas y las listas desordenadas. Comencemos con las listas ordenadas:

Para crear una lista ordenada tendremos que usar las etiquetas <ol></ol> y las etiquetas <li></li>, las usaremos de la siguiente manera:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Listas ordenadas</title>
</head>
<body>
    <ol>
        <li>Sandia</li>
        <li>Fresa</li>
        <li>Papaya</li>
        <li>Banano</li>
    </ol>
</body>
</html>

Y el resultado seria:

Esos numeros que salen son para indicar el orden de la lista.

Ahora pasemos a como usar las listas desordenadas: Para utilizar una lista desordenada usaremos las etiquetas <ul></ul> y las etiquetas <li></li>

Veamos el siguiente ejemplo:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Listas desordenadas</title>
</head>
<body>
    <ul>
        <li>HTML</li>
        <li>CSS</li>
        <li>JAVASCRIPT</li>
        <li>ASTRO.JS</li>
    </ul>
</body>
</html>

Y el resultado seria:

Anterior Siguiente