Compito precedente
Marcatura del testo con HTML 5/10
Torna all'elenco delle attività
  1. 1. Paragrafi
  2. 2. Titoli e sottotitoli
  3. 3. Elenco non ordinato
  4. 4. Elenco ordinato
  5. 5. Elenco a livelli
  6. 6. Elenco delle definizioni
  7. 7. Tag strong e b
  8. 8. Tag em e i
  9. 9. Tag br e hr
  10. 10. Testo preformattato
Compito successivo
  • Corsi
  • Registrazione
  • Accedi

Caricamento...
In pochi secondi sarà pronto.

  • Teoria
  • Teoria

Elenco a livelli

Creare un elenco a livelli è abbastanza semplice.

Per prima cosa è necessario creare un elenco di primo livello, quindi aggiungere un elenco di secondo livello all'interno di qualsiasi elemento di questo elenco, tra i tag <li> e </li>. È necessario chiudere accuratamente tutti i tag.

Esempio di codice corretto:
<ul>
  <li>1
    <ul>
      <li>1.1</li>
      <li>1.2</li>
    </ul>
  </li>
  <li>2</li>
</ul>
Esempio di codice con un errore:
<ul>
  <li>1</li>
  <ul>
    <li>1.1</li>
    <li>1.2</li>
  </ul>
  <li>2</li>
</ul>

Nell'esempio con l'errore, l'elenco annidato non viene inserito all'interno dell'elemento elenco, ma tra gli elementi, il che è inaccettabile.

Il numero di livelli negli elenchi è illimitato. In un elenco multilivello si possono usare sia elenchi ordinati che non ordinati.

In questo compito ci eserciteremo a lavorare con elenchi a più livelli.

  • index.html
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Elenco a livelli</title> </head> <body> <h1>Sezioni del corso</h1> <ol> <li> Tag del titolo <ol> <li>h1</li> <li>h2</li> <!-- aggiungere qui gli elementi dell'elenco annidato --> </ol> </li> <li>Elenco Tag</li> <li>Moduli Tag</li> </ol> </body> </html>

Il codice è cambiato, fai clic su "Aggiorna" o attiva l'esecuzione automatica.

Sei passato a un'altra pagina

Fare clic all'interno del mini-browser per evidenziare questa finestra.

100%
ObiettiviFatto
0
    1. Aggiungete altre due voci al sottoelenco "Tag del titolo".

    © 2023-2024, codegym.study