Stili di elenco HTML - Tipi di stili di elenco in HTML con esempi

Introduzione agli stili di elenco HTML

Gli elenchi sono il requisito comune per posizionare i dati in modo formattato, come se hai creato una pagina web in cui è necessario visualizzare il contenuto del menu della pizza di un hotel, quindi probabilmente sarebbe uno stile di elenco HTML, che dovrebbe apparire in un modo chiaro e discreto.
Un altro caso può essere quello in cui hai una serie di ranghi di studenti che sono apparsi tra i migliori artisti della classe, in questo contesto il requisito sarà quello di posizionare lo studente di grado 1 in cima e gli altri sotto di esso in un ordine crescente di classifica, per che dobbiamo formattarlo in un elenco ordinato.
Un altro tipo può essere elenchi personalizzati che è possibile creare utilizzando javascript e html insieme, in cui è possibile impostare anche le dinamiche negli oggetti e gli elenchi possono assumere alcune prospettive personalizzate.

Stili di elenco diversi in HTML:

Di seguito sono riportati i vari stili dell'elenco html come segue:

1) Elenchi non ordinati -

Qui l'ordine di visualizzazione del contenuto non è qualcosa di cui dobbiamo preoccuparci, dobbiamo solo posizionare bene le cose, in modo tale che la pagina HTML le renda posizionate davanti all'utente in un modo ben formattato e chiaro.

Esistono due tag in linguaggio HTML che gestiscono questi elenchi e probabilmente puoi creare anche la barra di navigazione e la barra laterale verticale, usando solo questi tag.

- : rappresenta gli elementi dell'elenco, l'insieme di elementi da inserire nell'elenco non ordinato, ovvero sotto il
  - etichetta. Gli elementi contrassegnati con questi markup porteranno automaticamente all'inizio alcuni proiettili o cerchi, queste sono le funzionalità HTML di base.

Ora vediamo un pezzo di codice per

basato su elenchi non ordinati e su come apparirà la pagina HTML, una volta eseguito quel file, si noti che è possibile scrivere in un editor come blocco note e salvare il file con estensione ".html", quindi può essere aperto con qualsiasi browser.

Esempio di frammento:
HTML Lists list of pizzas farmhouse peppy paneer onion pizza
HTML Lists list of pizzas farmhouse peppy paneer onion pizza
HTML Lists list of pizzas farmhouse peppy paneer onion pizza
- HTML Lists list of pizzas farmhouse peppy paneer onion pizza
- HTML Lists list of pizzas farmhouse peppy paneer onion pizza
- HTML Lists list of pizzas farmhouse peppy paneer onion pizza
HTML Lists list of pizzas farmhouse peppy paneer onion pizza

Produzione -
2) Elenchi ordinati -

Ora vedremo un caso in cui stiamo cercando di posizionare gli studenti in modo ordinato in base ai loro gradi in classe e questo apparirà in modo ordinato usando
1. tag, quelli conterranno gli elementi dell'elenco.
  1. tag.
  2. il tag è stato spiegato sopra.
    
    Vediamo un esempio ora anche per questo caso e devi salvarlo proprio come fatto sopra.
    
    Codice di esempio -
    
    HTML Lists list of students John Harris Plunket
    HTML Lists list of students John Harris Plunket
    HTML Lists list of students John Harris Plunket
    1. HTML Lists list of students John Harris Plunket
    2. HTML Lists list of students John Harris Plunket
    3. HTML Lists list of students John Harris Plunket
    HTML Lists list of students John Harris Plunket
    
    Pagina di output / HTML -
    
    Vediamo ora alcune varianti di questi in cui possiamo personalizzare o formattare bene questi elenchi solo aggiungendo alcune proprietà CSS nella pagina HTML, il che renderà l'aspetto della pagina migliore.
    1. Negli elenchi non ordinati, abbiamo le seguenti proprietà che possono essere fornite:
    2. Tipo di stile elenco: può essere disco, cerchio, quadrato o nessuno. Quindi le cerchie che hai visto in voci di elenco non ordinate non appariranno se non ne scegliamo nessuna qui, facciamolo.
    Esempio -
    
    HTML Lists list of students John Harris Plunket
    HTML Lists list of students John Harris Plunket
    HTML Lists list of students John Harris Plunket
    - HTML Lists list of students John Harris Plunket
    - HTML Lists list of students John Harris Plunket
    - HTML Lists list of students John Harris Plunket
    HTML Lists list of students John Harris Plunket
    
    Pagina di output / HTML -
    
    Quindi, i punti elenco cerchio non esistono più, puoi personalizzarlo con le opzioni sopra fornite.
    
    Allo stesso modo, negli elenchi di ordini, esiste una disposizione per scegliere se i valori dell'elenco di ordini verranno visualizzati con numeri o romani o alfabeti.
    
    È possibile impostare il tipo di proprietà in