Elenchi HTML
Possiamo farlo? HTML offre un fenomeno particolare per raggruppare i molteplici articoli? SÌ! HTML fornisce diversi tipi di elenco come elenco ordinato, elenchi non ordinati, ecc. Questi elenchi vengono utilizzati per raggruppare i più elementi all'interno di un elenco.
Questo articolo fornirà una panoramica completa degli elenchi di HTML con esempi. Inoltre questo articolo ci guiderà come creare un elenco di ordini, un elenco non ordinato, un elenco descrittivo ed elenco nidificato. Il funzionamento di ogni elenco sarà spiegato con l'aiuto di esempi.
HTML offre vari tipi di elenchi HTML come descritto di seguito:
- Lista ordinata
- Lista non ordinata
- Elenco di descrizione
- Elenchi nidificati
Elenco ordinato HTML
È anche noto come un elenco numerato. Organizza i dati in un ordine specifico. Nell'elenco ordinato tutto arriverà tra il tag iniziale
e tag finale . Mentre all'interno dell'elenco ordinato gli elementi verranno scritti all'interno del etichetta.
Un elenco ordinato può visualizzare i dati in diversi formati come alfabetico, numerico, romano, ecc. Per impostazione predefinita, l'elenco visualizza gli "elementi elenchi" in forma numerica, tuttavia può essere modificato utilizzando il suo attributo "tipo".
Esempio 1
Consideriamo il seguente esempio che determina come funziona l'elenco ordinato:
Elenco dei quadri di sviluppo web
- Django
- Laravel
- Asp.Netto
- Borraccia
- Expressjs
Il codice sopra darà all'output qualcosa del genere:
Dall'output, possiamo osservare che l'elenco è apparso in forma numerica.
Cosa succede se il requisito è visualizzare l'elenco in qualche altro formato i.E alfabatico, romano, ecc.? In tal caso dobbiamo specificare il formato in "tipo" attributo.
Esempio 2
Supponiamo che dobbiamo dichiarare gli elementi dell'elenco nel formato alfabetico, quindi l'attributo di tipo verrà impostato sul formato specificato i.e. "Type = a" o "type = a" Come mostrato nel seguente frammento:
Elenco dei quadri di sviluppo web
- Django
- Laravel
- Asp.Netto
- Borraccia
- Expressjs
Ora, questo codice genererà il seguente output:
Esempio 3
Inoltre, possiamo specificare l'indice iniziale per l'elenco utilizzando il "inizio" attributo come mostrato nel seguente script:
Elenco dei quadri di sviluppo web
- Django
- Laravel
- Asp.Netto
- Borraccia
- Expressjs
L'output dimostrerà che l'indice dell'elenco è iniziato dal "VI":
Dopo aver avuto la conoscenza dettagliata sull'elenco ordinato HTML, andiamo avanti e apprendiamo l'elenco non ordinato HTML.
Elenco non ordinato HTML
Generalmente utilizzato se non è necessario disporre i dati in alcun ordine specifico. Il tag verrà utilizzato per creare l'elenco non ordinato e all'interno dell'elenco, gli elementi verranno scritti all'interno del etichetta.
Un elenco non ordinato visualizza i dati in vari formati come quadrato, cerchio, ecc. Per impostazione predefinita, mostra gli "elementi elenchi" in forma proiettata, tuttavia può essere modificato usando il suo "tipo" attributo.
Esempio
L'esempio dato da qui creerà due elenchi non ordinati e, nel primo elenco, non è menzionato il tipo, quindi fornirà il risultato in forma proiettata. Tuttavia, nel secondo elenco, l'attributo di tipo è impostato su Square e, di conseguenza, gli elementi dell'elenco verranno avviati con il quadrato:
Elenco dei quadri di sviluppo web
- Django
- Laravel
- Asp.Netto
- Borraccia
- Expressjs
L'output dello snippet di codice sopra andrebbe così:
Elenco di descrizione HTML
È anche noto come elenco di definizione. È usato per descrivere/definire gli elementi dell'elenco. Esistono tre tipi di tag utilizzati nell'elenco di descrizione
etichetta,
Esempio
Il codice di seguito donati implementerà gli elenchi di descrizione per determinare i due termini dei dati con la loro definizione:
Elenco dei quadri di sviluppo web
- Django
- Framework per Python
- Laravel
- Framework per PHP
L'output sarà così:
Elenchi nidificati
HTML supporta il concetto dell'elenco nidificato che significa che un elenco può essere creato all'interno dell'altro elenco.
Esempio
In questo esempio, incorpoteremo un elenco non ordinato all'interno dell'elenco ordinato:
Elenco dei quadri di sviluppo web
- Framework per Python
- Django
- Borraccia
- Cherrypy
- Framework per PHP
- Laravel
- Cakephp
- Phalcon
L'output di questo esempio sarà il seguente:
Conclusione
HTML elenca il gruppo di diversi elementi in un elenco. HTML offre tag diversi per creare elenchi, ad esempio il ,
E ,
I tag vengono utilizzati per creare rispettivamente un elenco ordinato, non ordinato e descrittivo. Inoltre, il Il tag determina l'elemento dell'elenco, il
Questo tutorial spiega come creare elenchi ordinati, non ordinati, descrittivi e nidificati. Per una migliore comprensione, questo articolo ha spiegato ogni elenco con l'aiuto di esempi.