Come creare un elenco puntato in HTML

Come si fa a creare un elenco puntato in HTML per un blog o un sito web? Grazie ad una breve guida vedremo in poche righe come riuscire a creare un elenco puntato in qualunque sito. Un esempio di elenco puntato lo potete trovare sui migliori programmi di videoscrittura. 


La maggior parte dei blog ha un editor di testo, che trasforma il codice in testo e contenuti grafici, per semplificare la compilazione all’utente. Oggi vedremo come aggiungere un elenco puntato direttamente con il codice HTML Nel caso in cui utilizzate un editor di testo, dovrete accedere alla visualizzazione del codice. Se utilizzate Blogger, basterà selezionare nella composizione del post il pulsante “HTML”, in altri editor bisogna entrare nella medesima sezione.

Il -codice per l’elenco puntato è all’interno del riquadro blu qui sotto, che potete copiare e incollare sul vostro sito. Per accedere ad altre guide sulla programmazione, potete accedere a questa sezione dedicata all’HTML.

 


Ogni elenco puntato ha un tag di apertura, che è rappresentato da <ul>, che poi si chiude alla fine dell’elenco. L’elenco in esempio ha solo cinque punti, potete facilmente aggiungerne altri, basterà aggiungere tra <ul> e </ul>, altri tag <li>scrivi testo</li> per ogni punto che vogliamo aggiungere. Chiaramente la frase “scrivi testo”, dovete modificarla con il testo desiderato.

In breve il tag <ul> e </ul> rappresentano l’inizio e la fine dell’elenco puntato, i tag <li> e la chiusura </li> rappresentato la singola riga puntata. Per questo motivo per ogni punto, riga, ci sarà un tag di apertura <li> e uno di chiusura </li>.

Questo è tutto! Eccovi l’esempio di come verrà.
  • Prova 
  • Prova 1
  • Prova 2

In questo post vedremo invece come inserire un elenco puntato con dei link cliccabili e in quest’altro invece l’elenco con i numeri invece dei punti.


Segui Help Tecno Blog sui canali social per rimanere aggiornato sulle ultime novità, basta un click:
-Seguici su Facebook😄
-Seguici su Twitter😀
-Seguici su YouTube😁
-Iscriviti ai Feed😏

Offerte consigliate:



Commenti