Creare elenchi HTML

Visita il sito Infodit

Per creare un elenco in HTML usere il tag <ol> per le liste numerate e <ul> per quelle puntate o di altro tipo:

Creiamo degli elenchi ordinati

Questa è una lista numerata:

Prima riga
Seconda riga
Terza riga

Questo è il codice che ho inserito

        <ol>
            <li>Prima riga</li>
            <li>Seconda riga</li>
            <li>Terza riga</li>
        </ol>

Possiamo anche usare l'ordine alfabetico, tramite i numeri romani e altro, basta specificare il tipo.

        <ol type="a">
            <li>Prima riga</li>
            <li>Seconda riga</li>
            <li>Terza riga</li>
        </ol>

Il risultato sarà così

Prima riga
Seconda riga
Terza riga

Creiamo un elenco puntato

Questa è una lista puntata:

Prima riga
Seconda riga
Terza riga

Questo è il codice che ho inserito

        <ul>
            <li>Prima riga</li>
            <li>Seconda riga</li>
            <li>Terza riga</li>
        </ul>

Creiamo un elenco misto

Questa è una lista mista:

Prima riga

Punto 1
Punto 2

Seconda riga

Punto 1
Punto 2

Terza riga

Punto 1
Punto 2

Questo è il codice che ho inserito

        <ol type="I">
            <li>Prima riga</li>
                <ul>
                    <li>Punto 1</li>
                    <li>Punto 2</li>
                </ul>
            <li>Seconda riga</li>
                <ul>
                    <li>Punto 1</li>
                    <li>Punto 2</li>
        </ul>            
            <li>Terza riga</li>
                <ul>
                    <li>Punto 1</li>
                    <li>Punto 2</li>
                </ul>            
        </ol>

Creare una lista html