Come creare punti elenco HTML?
I punti proiettile HTML sono dotati di elementi di elenco ordinati o non ordinati. IL ""È utilizzato per la creazione dell'elenco non ordinato e"
"Il tag viene utilizzato per la creazione dell'elenco ordinato. Insieme ad esso, il ""Il tag viene utilizzato per la creazione di ogni elemento nell'elenco. Lo scopo di utilizzare un elenco proiettato è di visualizzare più contenuti nel modulo dell'elenco per rendere il contenuto facile da capire per l'utente. Se è possibile utilizzare più di un elemento dell'elenco sul sito Web.
Questo articolo dimostra come creare punti elenco in HTML:
- Point elencati degli elenchi ordinati
- Elenco non ordinati punti elenco
Come creare punti elenco degli elenchi ordinati in HTML?
Gli elenchi ordinati vengono utilizzati quando lo sviluppatore desidera visualizzare l'elenco dei contenuti nel modulo ordinato. I proiettili dell'articolo nell'elenco ordinato sono principalmente sotto forma di numerico o alfabetico. Segui la dimostrazione seguente per conoscere lo stile del proiettile per lo più usato per gli elenchi ordinati in HTML:
Esempio 1: numeri come punto proiettile
Per impostazione predefinita, l'elenco degli ordini visualizza i numeri come punti elenco con elementi elenchi sempre a partire da uno.
Alimentato da Linuxhint
- Giuseppe
- Alex
- Elizbeth
- Jackson
- fabbro
- Auston
Dopo l'esecuzione del codice sopra, la pagina Web assomiglia a questa:
L'output visualizza che gli elementi dell'elenco ordinato vengono visualizzati con lo stile del proiettile predefinito.
Esempio 2: lettere maiuscole
Per visualizzare il "Caratteri alfabetici"Come punti elenco con gli elementi dell'elenco di un elenco ordinato. IL "tipo"Attributo di""È usato e impostato su"B"Il che significa caratteri alfabetici in maiuscolo:
Alimentato da Linuxhint
- Giuseppe
- Alex
- Elizbeth
- Jackson
- fabbro
Dopo l'esecuzione del codice sopra, la pagina Web assomiglia a questa:
L'uscita mostra che i punti elenco sono in caratteri maiuscoli.
Esempio 3: lettere minuscole
Per l'impostazione minuscola come punto proiettile, il "tipo"Il valore dell'attributo è impostato su"UN":
Alimentato da Linuxhint
- Giuseppe
- Alex
- Elizbeth
- Jackson
- fabbro
Dopo aver visualizzato il codice sopra, la pagina Web assomiglia a questa:
L'uscita sopra mostra che i punti elenco sono ora cambiati in caratteri minuscola.
Esempio 4: numeri romani maiuscole
I numeri romani possono anche essere inseriti come punto proiettile per gli elementi dell'elenco ordinato. Per impostare i numeri romani maiuscole, il "tipo"Il valore dell'attributo è impostato sul capitale"IO" come mostrato di seguito:
Alimentato da Linuxhint
- Giuseppe
- Alex
- Elizbeth
- Jackson
- fabbro
Dopo aver eseguito lo snippet di codice sopra, la pagina Web sembra così:
L'output sopra mostra che i numeri romani maiuscole sono ora selezionati come punti elenco.
Esempio 5: numero romano minuscolo
Allo stesso modo, mostra il numero romano in minuscolo, il "io"È impostato come valore per il"tipo"Attributo come mostrato di seguito:
Alimentato da Linuxhint
- Giuseppe
- Alex
- Elizbeth
- Jackson
- fabbro
Dopo aver eseguito il codice sopra:
L'output sopra mostra che i numeri romani minuscoli sono impostati come punti elenco per gli elementi dell'elenco.
Come creare punti elenco di elenco non ordinato in HTML?
L'elenco non ordinato viene utilizzato per la visualizzazione dell'elenco di elementi che non sono in ordine. Ciò significa che il contenuto dell'elemento elenco può essere inserito in qualsiasi posizione nell'elenco. Esistono quattro possibili stili di proiettile per un elenco non ordinato:
Esempio 1: punto proiettile del disco
IL "disco"Lo stile è lo stile predefinito per l'elenco non ordinato. Sebbene il "disco"Lo stile può anche essere assegnato agli elementi dell'elenco con l'aiuto di"tipo"Attributo come mostrato di seguito:
Alimentato da Linuxhint
- Giuseppe
- Alex
- Elizbeth
- Jackson
Dopo l'esecuzione dello snippet del codice sopra, la pagina Web assomiglia a questa:
L'output illustra che gli stili di proiettile sono impostati su "disco" stile.
Esempio 2: cerchio proiettile punto
IL "tipo"L'attributo dell'elenco non ordinato viene utilizzato per impostare lo stile del proiettile come"cerchio"Tramite lo snippet di codice seguente:
Alimentato da Linuxhint
- Giuseppe
- Alex
- Elizbeth
- Jackson
Dopo l'esecuzione dello snippet di codice sopra:
L'output conferma che lo stile elementi elementi proiettili è ora impostato su "cerchio".
Esempio 3: punto proiettile quadrato
Per impostare il valore del "tipo" attribuire a "piazza", Gli utenti possono creare proiettili di design quadrati con gli elementi dell'elenco dell'elenco non ordinato:
Alimentato da Linuxhint
- Giuseppe
- Alex
- Elizbeth
- Jackson
Dopo la compilazione del codice sopra indicato, la pagina Web sembra così:
L'output conferma che gli elenchi di proiettili a forma quadra sono ora assegnati con ogni elemento dell'elenco.
Conclusione
Lo stile proiettile può essere disegnato per elenchi ordinati e non ordinati con l'aiuto di "tipo"Attributo. Per l'elenco ordinato, il "tipo"Valori di"1 "," a "," a "," io "e" io"Impostare il punto proiettile su"Numerico "," carattere maiuscolo "," carattere minuscolo "," numero romano maiuscolo "e" numero romano minuscolo"Rispettivamente. Nel caso di un elenco non ordinato, "disco "," quadrato "e" cerchio"Visualizza il disco, il quadrato e il cerchio come punti elenco, rispettivamente. Questo articolo ha dimostrato con successo come creare/in stile punti elenco.