Elenchi in HTML - elenco puntato - elenco numerato - elenco di definizioni - elenchi nidificati in HTML. Elenco puntato in HTML Come creare un elenco numerato in HTML
Elenchi HTML utilizzato per raggruppare informazioni correlate. Esistono tre tipi di elenchi:
elenco puntato —
- - ogni elemento della lista
- contrassegnato con un pennarello,
elenco numerato —- - ogni elemento della lista
- contrassegnato da un numero
elenco delle definizioni- - è composto da coppie di termini- —
- definizione.
Ogni elenco è un contenitore all'interno del quale si trovano gli elementi dell'elenco o le coppie di definizioni di termini. Gli elementi dell'elenco si comportano come elementi di blocco, impilati uno sotto l'altro e occupando l'intera larghezza del blocco contenitore. Ogni voce dell'elenco ha un blocco aggiuntivo situato lateralmente, che non partecipa al layout.
Creazione di elenchi HTML
1. Elenco puntato
Elenco puntatoè un elenco non ordinato (dall'elenco non ordinato inglese). Creato utilizzando un tag abbinato
. Il contrassegno di un elemento della lista è un'etichetta, ad esempio un cerchio pieno.Per impostazione predefinita, i browser aggiungono la seguente formattazione al blocco elenco:
Ogni elemento dell'elenco viene creato utilizzando un tag accoppiato
- (dalla voce di elenco inglese).
- disponibile .
- Microsoft
- Mela
2. Elenco numerato
Elenco numerato viene creato utilizzando un tag accoppiato. Ogni elemento dell'elenco viene creato anche utilizzando l'elemento
- contrassegnato da un numero
- . Il browser numera gli elementi in ordine automaticamente e, se elimini uno o più elementi di tale elenco, i numeri rimanenti verranno ricalcolati automaticamente.
Il blocco elenco ha anche stili browser predefiniti:
- È disponibile l'attributo value, che consente di modificare il numero predefinito per l'elemento dell'elenco selezionato. Ad esempio, se per il primo elemento dell'elenco hai impostato
- , la numerazione rimanente verrà ricalcolata rispetto al nuovo valore.
Per etichetta
- Sono disponibili i seguenti attributi:
- Microsoft
- Mela
- E
- disponibile .
- Direttore:
- Pietro Tochilin
- Lancio:
- Andrey Gaidulyan
- Aleksej Gavrilov
- Vitaly Gogunskij
- Mariya Kozhevnikova
Riso. 3. Elenco delle definizioni4. Elenco nidificato
Spesso le funzionalità di semplici elenchi non sono sufficienti; ad esempio, quando si crea un sommario, non è possibile farne a meno elementi nidificati. Il markup per l'elenco nidificato sarebbe il seguente:
- Paragrafo 1.
- Punto 2.
- Sottoclausola 2.1.
- Sottoclausola 2.2.
- Sottoclausola 2.2.1.
- Sottoclausola 2.2.2.
- Sottoclausola 2.3.
- Punto 3.
Riso. 4. Elenco nidificato5. Elenco numerato a più livelli
Un elenco a più livelli viene utilizzato per visualizzare gli elementi dell'elenco a livelli diversi con rientri diversi. Il markup per un elenco numerato a più livelli sarebbe il seguente:
- paragrafo
- paragrafo
- paragrafo
- paragrafo
- paragrafo
- paragrafo
- paragrafo
- paragrafo
- paragrafo
- paragrafo
- paragrafo
Questo markup predefinito creerà una nuova numerazione per ogni elenco nidificato, iniziando con uno. Per creare una numerazione nidificata, è necessario utilizzare le seguenti proprietà:
counter-reset azzera uno o più contatori, specificando il valore da azzerare;
counter-increment specifica il valore di incremento del contatore, ovvero con quali incrementi verrà numerato ciascun elemento successivo;
content - contenuto generato, in questo caso è responsabile della visualizzazione del numero prima di ogni elemento dell'elenco.Ol ( /* rimuove la numerazione standard */ stile-elenco: none; /* Identifica il contatore e assegnagli il nome li. Il valore del contatore non è specificato - per impostazione predefinita è 0 */ contatore-reimposta: li; ) li :before ( /* Definiamo l'elemento che verrà numerato - li Lo pseudo-elemento before indica che il contenuto inserito utilizzando la proprietà content verrà posizionato prima degli elementi dell'elenco. Il valore dell'incremento del contatore è impostato qui (il valore predefinito è 1 */ counter-increment: li /). * La proprietà content mostra il numero dell'elemento dell'elenco counters() significa che il testo generato rappresenta i valori di tutti i contatori con quel nome tra i numeri e viene aggiunto un punto con uno spazio prima del contenuto di ogni elemento dell'elenco */ content: counters(li,"") "." )
Riso. 5. Elenco numerato a più livelli
Tabella 1. Attributi dei tag
Attributo Descrizione, valore accettato invertito L'attributo invertito fa sì che l'elenco venga visualizzato in ordine inverso (ad esempio, 9, 8, 7...). inizio L'attributo start specifica il valore iniziale da cui inizierà la numerazione, ad esempio una costruzione - al primo articolo verrà assegnato il numero di serie “10”. È inoltre possibile specificare contemporaneamente il tipo di numerazione, ad esempio:
- .
tipo L'attributo type specifica il tipo di indicatore da utilizzare nell'elenco (lettere o numeri). Valori accettati:
1: valore predefinito, numerazione decimale.
A - numerazione dell'elenco in ordine alfabetico, lettere maiuscole (A, B, C, D).
a - numerazione dell'elenco in ordine alfabetico, lettere minuscole (a, b, c, d).
I - numerazione in cifre romane maiuscole (I, II, III, IV).
i - numerazione in numeri romani minuscoli (i, ii, iii, iv).3. Elenco delle definizioni
Elenchi di definizioni vengono creati utilizzando un tag
Il blocco dell'elenco delle definizioni presenta i seguenti stili browser predefiniti:
Per i tag
- ,
L'HTML supporta tre diversi tipi di elenchi, ognuno dei quali ha i propri tipi di elenco:
Elenchi numerati
In un elenco numerato, il browser inserisce automaticamente i numeri degli elementi in ordine, a partire da un determinato valore (solitamente 1). Ciò consente di inserire ed eliminare voci dell'elenco senza alterare la numerazione, poiché i numeri rimanenti verranno ricalcolati automaticamente.
Gli elenchi numerati vengono creati utilizzando un elemento blocco
(dall'Elenco Ordinato Inglese - elenco numerato). Accanto al contenitore
per ogni voce dell'elenco viene inserito un elemento
Etichetta
ha la seguente sintassi:
- elemento 1
- elemento 2
- elemento 3
Gli elementi dell'elenco numerato devono contenere più elementi dell'elenco, come mostrato nell'esempio seguente:
Esempio: Elenco numerato
- Prova tu stesso "
Istruzioni passo passo
- Prendi la chiave
- Inserire la chiave nella serratura
- Girare la chiave due giri
- Togli la chiave dalla serratura
- Apri la porta
Istruzioni passo passo
- Prendi la chiave
- Inserire la chiave nella serratura
- Girare la chiave due giri
- Togli la chiave dalla serratura
- Apri la porta
A volte, guardando i codici HTML esistenti, ti imbatterai in questo argomento tipo nell'elemento
, che serve per indicare il tipo di numerazione (lettere, numeri romani e arabi, ecc.). Sintassi:
- A - lettere latine maiuscole (A, B, C...);
- a - lettere latine minuscole (a, b, c...);
- I - numeri romani grandi (I, II, III...);
- i - numeri romani piccoli (i, ii, iii...);
- 1 - Numeri arabi (1, 2, 3 . . .) (utilizzati per impostazione predefinita).
- nel seguente modo:
-
In questo caso la numerazione progressiva della lista verrà interrotta e da questo punto ricomincerà la numerazione, in questo caso da sette.
Esempio di utilizzo degli attributi valore etichetta
In questo esempio, la "Prima voce di elenco" sarebbe il numero 1, la "Seconda voce di elenco" sarebbe il numero 7 e la "Terza voce di elenco" sarebbe il numero 8.
Formattazione di elenchi numerati con CSS
Per modificare i numeri dell'elenco è necessario utilizzare la proprietà tipo di stile elenco Fogli di stile CSS:
- . Il browser rientra ogni voce dell'elenco e visualizza automaticamente i punti elenco.
- Primo punto
- Secondo punto
- Terzo punto
- Non è necessario inserire solo testo; è accettabile inserire qualsiasi elemento del contenuto in streaming (link, paragrafi, immagini, ecc.)
- È consentito creare un elenco nidificato o un elenco di secondo livello. Per nidificare un elenco, descrivi il nuovo elenco all'interno dell'elemento
- elenco già esistente. Quando annidi un elenco puntato in un altro, il browser modifica automaticamente lo stile del punto elenco per l'elenco di secondo livello. Qualsiasi elenco può essere annidato all'interno di un altro. Nell'esempio seguente viene illustrata la struttura di un elenco puntato nidificato nel secondo elemento di un elenco numerato.
- Prova tu stesso "
- Lunedi
- Inviare una mail
- Visita all'editore
- Scegliere un tema
- Disegno decorativo
- Rapporto finale
- Visualizzazione serale dei messaggi
- Martedì
- Rivedere il programma
- Invia immagini
- Mercoledì...
- Lunedi
- Inviare una mail
- Visita all'editore
- Scegliere un tema
- Disegno decorativo
- Rapporto finale
- Visualizzazione serale dei messaggi
- Martedì
- Rivedere il programma
- Invia immagini
- Mercoledì...
- Prova tu stesso "
- Caffè
- Caffè
- Caffè
- Caffè
- Caffè
- Latte
- Caffè
- Latte
- Caffè
- Latte
- Caffè
- Latte
- Prova tu stesso "
- Toro
- Gemelli
- Ariete
- Toro
- Gemelli
- (dal termine inglese Definition - una parola, un termine definito) e
- (dall'inglese Definition Description - descrizione del termine in fase di definizione).
- Primo termine
- Descrizione del primo termine
- Secondo termine
- Descrizione del secondo termine
- Prova tu stesso "
- Il World Wide Web
- - dall'inglese Il World Wide Web (WWW) è un sistema distribuito che fornisce l'accesso a documenti correlati situati su diversi computer connessi a Internet.
- Internet
- — un insieme di reti che utilizzano un unico protocollo di scambio per trasmettere informazioni.
- Sito web
- - un insieme di singole pagine web collegate tra loro da collegamenti e un design uniforme.
- Primo elemento dell'elenco
- Seconda voce dell'elenco
- Terzo elemento della lista
- , quindi lo mette automaticamente davanti .
- 1 - Numeri arabi;
- A - lettere maiuscole;
- a - lettere latine minuscole;
- I - numeri romani maiuscoli;
- i - numeri romani minuscoli.
- gatti
- cani
- cavalli
- gatti
- cani
- cavalli
- gatti
- cani
- cavalli
- gatti
- cani
- cavalli
- gatti
- cani
- cavalli
- gatti
- cani
- cavalli
- rosso
- arancia
- giallo
- Viola
- rosso
- arancia
- giallo
- Viola
- gatti
- cani
- cavalli
- gatti
- cani
- cavalli
- gatti
- cani
- cavalli
- gatti
- cani
- cavalli
- gatti
- cani
- cavalli
- gatti
- cani
- cavalli
- gatti
- cani
- cavalli
- gatti
- cani
- cavalli
- Animali
- gatti
- cani
- Impianti
- alberi
- fiori
- primo elemento
- secondo elemento
- ultimo elemento
- Ufficio marketing
- Questo dipartimento è impegnato nella promozione di beni e servizi
- Dipartimento finanziario
- Questo dipartimento si occupa di tutte le transazioni finanziarie
- NOTIZIE DEL GIORNO
-
- Oggi la pioggia
- Pioverà tutto il giorno
- NOVITÀ DELLA NOTTE
- Pioverà di notte
- Domani inizierà un nuovo giorno
Stili di elenco numerato
Esempio Senso Descrizione a, b, c alfa inferiore Minuscolo A, B, C alfa superiore Lettere maiuscole io, ii, iii inferiore-romano Numeri romani in lettere minuscole Io, II, III alto-romano Numeri romani in maiuscolo Esempio: applicazione di una proprietà CSS tipo di stile elenco
Elenchi puntati
Gli elenchi puntati sono essenzialmente simili agli elenchi numerati, solo che non contengono la numerazione sequenziale degli elementi. Gli elenchi puntati vengono creati utilizzando un elemento blocco
EtichettaNell'esempio seguente puoi vedere che, per impostazione predefinita, prima di ogni voce dell'elenco viene aggiunto un piccolo contrassegno a forma di cerchio pieno:
All'interno di un cartellino
Elenchi nidificati
Qualsiasi elenco può essere annidato all'interno di un altro. All'interno di un elementoEsempio: elenchi nidificati
Formattazione di elenchi puntati
Per modificare l'aspetto dell'indicatore dell'elenco, utilizzare la proprietà tipo di stile elenco Fogli di stile CSS:
L'esempio seguente mostra diversi stili di elenchi puntati:
Esempio: stili di elenchi puntati
Disco:
Cerchio:
Piazza:
Nessuno:
Marcatori grafici.
In HTML è possibile creare una lista con marcatori grafici. Una cosa è quando i marcatori dell'elenco sono cerchi o quadrati standard, un'altra è quando lo sviluppatore stesso seleziona il marcatore in base al design della pagina. Per rendere belle le voci dell'elenco, vengono spesso utilizzate piccole immagini.
Per sostituire un indicatore normale con uno grafico, sostituire la proprietà tipo di stile elenco per proprietà immagine-stile-elenco e indicare l'URL dell'immagine:Esempio: marcatori grafici
segni zodiacali
segni zodiacali
Elenchi di definizioni (descrizioni)
Gli elenchi di definizioni sono molto utili per creare, ad esempio, il tuo dizionario personale di termini. Ciascun elemento dell'elenco di definizioni è composto da due parti: il termine e la relativa definizione.
Metti l'intero elenco in un elemento
Elenchi di definizioni sono spesso utilizzati nelle pubblicazioni scientifiche, tecniche ed educative, utilizzandoli per compilare glossari, dizionari, libri di consultazione, ecc.La struttura generale dell'elenco delle descrizioni è la seguente:
L'esempio seguente mostra un possibile utilizzo di un elenco di definizioni:
Esempio: elenco di definizioni
World Wide Web - dall'inglese. Il World Wide Web (WWW) è un sistema distribuito che fornisce l'accesso a documenti correlati situati su diversi computer connessi a Internet. Internet è un insieme di reti che utilizzano un unico protocollo di scambio per trasmettere informazioni. Un sito Web è un insieme di singole pagine Web collegate tra loro tramite collegamenti e un design uniforme.
Per impostazione predefinita, il testo del termine viene premuto sul bordo sinistro della finestra del browser e la descrizione del termine si trova in basso e spostata a destra.
Esistono due tipi di elenchi in HTML: numerati e non numerati. La loro creazione è quasi la stessa. Anche i tag differiscono di un carattere. Puoi anche creare che possono includere sia quelli numerati che quelli contrassegnati.
Questi elenchi possono essere trasformati nel modo che preferisci. Tutto dipende dalla tua immaginazione. Per prima cosa esamineremo gli elenchi standard, gli stessi dell'editor Word, quindi li miglioreremo e li progetteremo oltre il riconoscimento.
Elenco numerato HTML
È possibile crearne uno numerato regolare utilizzando i seguenti tag:
Gli elenchi semplici hanno questo aspetto
Secondo gli standard, ogni elemento dell'elenco deve trovarsi all'interno di un tag li di apertura e chiusura. Ma se non inserisci il tag di chiusura, il risultato sarà esattamente lo stesso. Il processore è molto intelligente. Durante la conversione dell'elenco, analizza i tag di apertura. Se ne vede uno nuovo
Pertanto, è possibile creare elenchi come mostrato di seguito.
Ma dal punto di vista dei professionisti questo non è corretto.
Gli elenchi non numerati (o puntati) vengono creati allo stesso modo, solo che al posto del tag ol viene scritto ul.
Non ci sono numeri o lettere, solo vari simboli chiamati marcatori.
Elenco numerato multilivello HTML
Molti utenti sono interessati a questa opportunità. Pertanto, va notato che qualsiasi elenco HTML numerato può essere reso multilivello. I livelli aggiuntivi possono essere uguali o etichettati.
Per creare l'elenco mostrato nell'esempio sopra, è necessario scrivere quanto segue.
Tieni presente che in questo codice, a differenza dei primi esempi, viene aggiunto l'attributo type. Grazie ad esso è possibile specificare il tipo di ordinamento sia per gli elenchi numerati che per quelli puntati.
Per quelli numerati indichiamo l'alfabeto o il tipo di numeri e per gli altri casi il tipo di pennarello.
Se usi uno speciale tag HTML, l'elenco numerato può diventare qualsiasi cosa tu voglia.
È possibile specificare l'attributo type con qualsiasi valore dalla tabella. Oppure nella classe di stile CSS, specifica il tipo di stile elenco con il tipo di ordinamento desiderato.
La traduzione dei valori è abbastanza semplice. È sufficiente la conoscenza base dell'inglese. Ma anche se non puoi tradurre le parole "cerchio", "quadrato", ecc., puoi capire visivamente quale sarà il risultato specificando questi valori nell'attributo type.
Per gli elenchi numerati, utilizzare le seguenti opzioni:
Il valore predefinito è sempre un elenco con Cioè, se non specifichi nulla, è uguale a type="1".
Inoltre, gli elenchi numerati possono iniziare da qualsiasi posizione desiderata. Per impostazione predefinita, l'output inizia da 1. Ma se lo desideri, puoi iniziare almeno da cento. Per fare ciò, è necessario specificare l'attributo iniziale con qualsiasi valore.
Inoltre, puoi trarre la conclusione in ordine inverso. Per fare questo è necessario scrivere al contrario.
Progettazione di elenchi
Un elenco numerato HTML può essere progettato in modo così bello che potresti non capire immediatamente che si tratta di un elenco normale e non di un'immagine creata in Photoshop.
Ecco alcuni esempi di bellissime liste.
Come si vede dall'esempio è possibile modificare l'aspetto della numerazione e degli elementi stessi.
Puoi creare un elenco regolare come questo.
Negli stili CSS è necessario specificare il design per i tag ol. Tieni presente che in questo caso le impostazioni verranno applicate a tutti gli elenchi del sito in cui viene utilizzato questo file di stile.
Consideriamo innanzitutto l'opzione con un design a elenco circolare. Ritorna al codice della lista. L'elenco arrotondato delle classi è indicato lì. Questa è la classe con cui devi armeggiare per creare tanta bellezza. Puoi nominare la classe come preferisci.
Ora diamo un'occhiata al design quadrato.
Gli stili sono abbastanza simili. La differenza è che nel primo caso l'elemento viene arrotondato utilizzando le funzionalità CSS.
Un progettista di layout professionista deve anticipare e comprendere che non tutti gli utenti utilizzano computer moderni. Non tutti hanno installato Windows 7, 8, 10. Esiste una percentuale di utenti che utilizzano ancora Windows XP e utilizzano versioni precedenti del browser Internet Explorer.
Di norma, quasi tutti i miglioramenti del design moderno agli elementi non sono supportati da essi. All'utente sembrerà che non sia stato svolto alcun lavoro sulla progettazione del sito. Che tutto si è allontanato. Gli elementi si scontrano tra loro. Per evitare ciò, è necessario considerare tutte le opzioni.
Alcuni webmaster chiudono un occhio su di loro poiché la loro quota nel mercato moderno diventa sempre più piccola. Ma per un professionista ogni visitatore è importante, soprattutto se si tratta di un sito commerciale.
Crea qualcosa di adatto a tutti o prendi in considerazione tutte le varianti del browser.
Tale elenco è in qualche modo un elenco “numerato”. Questi possono essere numeri arabi, numeri romani o lettere.
I tag vengono utilizzati per indicare al browser che la lista verrà numerata .
Codice di esempio per un elenco numerato:
Elenchi HTML
Risultato:
Come puoi vedere, per impostazione predefinita la numerazione è in numeri arabi. Questo può essere modificato utilizzando il parametro tipo:
- tipo="A"- numerazione in lettere latine maiuscole (A, B, C).
- tipo="a"- numerazione in lettere latine maiuscole (a, b, c).
- tipo="io"- numerazione in grandi numeri romani (I, II, III).
- tipo="io"- numerazione in numeri romani piccoli (i, ii, iii).
Codice di esempio con numeri romani:
Elenchi HTML
Risultato:
Se dobbiamo iniziare la numerazione non da uno, dovremmo utilizzare il parametro inizio, il cui valore è il numero da cui inizierà l'elenco (se la numerazione viene specificata utilizzando lettere, questo numero indicherà la posizione nell'alfabeto).
Codice di esempio:
Elenchi HTML
Risultato:
All'etichetta
Codice di esempio:
Elenchi HTML
...............Risultato:
...............Elenchi puntati
Un elenco puntato utilizza punti elenco anziché lettere e numeri. I tag vengono utilizzati per indicare al browser che l'elenco verrà puntato. . L'intero elenco si trova tra questi tag e ogni elemento è specificato dai tag .
Codice di esempio per un elenco puntato:
Elenchi puntati HTML
Risultato:
Per impostazione predefinita, l'indicatore appare come un cerchio nero. Questo può essere modificato utilizzando il parametro tipo:
- tipo="disco"- cerchio pieno.
- tipo="cerchio"- cerchio vuoto.
- tipo="quadrato"- quadrato ombreggiato.
Codice di esempio per elenchi puntati:
Elenchi puntati HTML
Risultato:
Elenchi di definizioni
Questi elenchi sono utilizzati nei dizionari. Ogni paragrafo è composto da due parti: un termine e la sua definizione. I tag vengono utilizzati per indicare al browser che ci sarà un elenco di definizioni
Codice elenco definizioni di esempio:
Elenchi di definizioni Termine 1 Definizione del termine 1 Termine 2 Definizione del termine 2
Risultato:
Elenchi nidificati
Ci sono situazioni in cui è necessario includere la propria lista in un elemento della lista. Tali elenchi sono chiamati multilivello o nidificati. A tale scopo viene utilizzata una combinazione di tag di elenco a noi già noti.
Codice di esempio per un elenco a più livelli:
Elenchi nidificati
Nel linguaggio di markup HTML, ci sono 3 tipi di elenchi: ordinati (numerati), non ordinati (non numerati) ed elenchi di definizioni.
Per costruire un elenco di questo tipo, sono necessari 2 tipi di elementi: "ul" (abbreviazione di elenco non ordinato, ovvero elenco non ordinato) e "li" (elemento elenco). Tutto ciò che è scritto all'interno di "li" è contrassegnato da un pennarello.
L'aspetto di tale elenco può essere controllato specificando i tipi di marcatori.
Tipi di marcatori
C'è un attributo di tipo speciale che viene inserito in entrambi gli elementi della lista. Questo è il tuo tipo di marcatore. Ne esistono solo 3 tipi: cerchio, disco e quadrato:
- - piazza
- - disco
- - circonferenza
A seconda di dove specifichi il tipo di indicatore, puoi modificarlo per l'intero elenco o per un elemento specifico.
Lista ordinata
Per costruire una lista, hai bisogno anche di 2 elementi: “ol” e “li” (elemento della lista). I marcatori vengono sostituiti con numeri con un punto. Esempio di un elenco semplice:
È possibile controllare l'aspetto dell'elenco ordinato specificando diversi tipi di numerazione.
Tipi di numerazione
C'è un attributo di tipo speciale che viene inserito nell'elemento "ol" o "li". Questo è il tuo tipo di elenco. Ci sono 5 tipi in totale:
- - Numerazione in numeri arabi (1, 2, 3)
- - Numerazione in maiuscolo (A, B, C)
- - Numerazione in lettere minuscole (a, b, c)
- - Numerazione in grandi numeri romani (I, II, III)
- - Numerazione in numeri romani piccoli (i, ii, iii)
- - Da quale numero iniziare la numerazione?
A seconda di dove specifichi il tipo di numerazione, puoi modificarla per l'intero elenco o per un elemento specifico.
Elenco delle definizioni
È stato sviluppato un elenco di definizioni per le voci del dizionario.
Esiste un contenitore generale "dl". Al suo interno sono presenti "dt" (termine di definizione) e "dd" (descrizione di definizione). L'esempio più semplice:
Tutti gli elementi di tutte le liste sono elementi di blocco. Ma solo gli elementi in linea possono essere inseriti all'interno dell'elemento 'dt'. Puoi inserire quello che vuoi negli elementi 'dd' e 'li'. Da qui provengono le liste nidificate.
Nidificati (elenchi misti)
Si tratta di elenchi a più livelli, all'interno dei quali esiste una gerarchia. Spesso tali elenchi vengono utilizzati durante la creazione di una mappa del sito. Esempio:
- Elenco misto
Qui: digita – elenca i simboli:
Se vuoi che l'elenco inizi con un numero diverso da 1, devi specificarlo utilizzando l'attributo inizio etichetta
.
L'esempio seguente mostra un elenco numerato con numeri romani grandi e un valore iniziale XLIX:
La numerazione può essere avviata anche utilizzando l'attributo valore, che viene aggiunto all'elemento
