WebSite X5Help Center

 
Vito P.
Vito P.
User

Guida - Inserire degli elenchi puntati e numerati in HTML  it

Autore: Vito P.
Visite 4015, Followers 1, Condiviso 60  

Dato che l'editor di Websitex5 Evolution 9 attualmente permette solo di inserire un elenco puntato vi riporto una guida semplice prelevata da asciitable.it, che vi permette di inserire differenti tipi di elenti puntati e numerati. Smile

Prima di procedere con questa operazione dovete abilitare il Codice HTMl all' interno dell''oggetto testo.


Elenchi puntati e numerati:

In HTML ci sono molti tipi di elenchi puntati e numerati in diverse maniere, i Tag per ottenere questo sono: "<ol>...<li>...</ol>", dove "<ol>" si mette all'inizio dell'elenco, "<li>" si mette davanti ad ogni nuova voce e "</ol>" si mette alla fine dell'elenco puntato, nel caso di elenchi numerati. Nel caso di elenchi puntati senza alcun tipo di ordinazione al posto di "ol" si mette "ul".

Elenchi numerati:

Gli elenchi numerati sono quelli in cui all'inizio è presente una numerazione o un'ordinazione con lettere o numeri romani; vediamo alcuni esempi:

con il codice:

<ol>
<li>Voce numero 1.
<li>Voce numero 2.
<li>Voce numero 3.
</ol>

si ottiene un elenco numerato con numeri:

  1. Voce numero 1.
  2. Voce numero 2.
  3. Voce numero 3.

con il codice:

<ol type="A">
<li>Voce numero 1.
<li>Voce numero 2.
<li>Voce numero 3.
</ol>

si ottiene un elenco ordinato con lettere maiuscole:

  1. Voce numero 1.
  2. Voce numero 2.
  3. Voce numero 3.

con il codice:

<ol type="a">
<li>Voce numero 1.
<li>Voce numero 2.
<li>Voce numero 3.
</ol>

si ottiene un elenco ordinato con lettere minuscole:

  1. Voce numero 1.
  2. Voce numero 2.
  3. Voce numero 3.

con il codice:

<ol type="I">
<li>Voce numero 1.
<li>Voce numero 2.
<li>Voce numero 3.
</ol>

si ottiene un elenco ordinato con numeri romani maiuscoli:

  1. Voce numero 1.
  2. Voce numero 2.
  3. Voce numero 3.

con il codice:

<ol type="i">
<li>Voce numero 1.
<li>Voce numero 2.
<li>Voce numero 3.
</ol>

si ottiene un elenco ordinato con numeri romani minuscoli:

  1. Voce numero 1.
  2. Voce numero 2.
  3. Voce numero 3.

Elenchi puntati non numerati:

Questo tipo di elenchi sono, come dice il titoletto, solamente puntati e non hanno un ordinazione di alcun tipo, possiamo però scegliere il tipo di punto che verrà messo ad ogni voce, ma vediamo alcuni esempi:

Con il codice:

<ul type="disc">
<li>Voce numero 1.
<li>Voce numero 2.
<li>Voce numero 3.
</ul>

si otterrà:

  • Voce numero 1.
  • Voce numero 2.
  • Voce numero 3.

Con il codice:

<ul type="circle">
<li>Voce numero 1.
<li>Voce numero 2.
<li>Voce numero 3.
</ul>

si otterrà:

  • Voce numero 1.
  • Voce numero 2.
  • Voce numero 3.

Con il codice:

<ul type="square">
<li>Voce numero 1.
<li>Voce numero 2.
<li>Voce numero 3.
</ul>

si otterrà:

  • Voce numero 1.
  • Voce numero 2.
  • Voce numero 3.

Elenchi puntati e numerati nidificati:

E' ovviamente possibile creare elenchi puntati che contengono elenchi numerati che a loro volta ne contengono altri e cosi' via, per esempio il codice:

<ol type="disc">
<li>Voce numero 1.
<li>Voce numero 2.
<ul type="disc">
<li>Voce numero 1.
<li>Voce numero 2.
<ol type="A">
<li>Voce numero 1.
<ol type="I">
<li>Voce numero 1.
<li>Voce numero 2.
</ol>
<li>Voce numero 2.
<li>Voce numero 3.
</ol>
<li>Voce numero 3.
</ul>
<li>Voce numero 3.
</ol>

genera il seguente risultato:

  1. Voce numero 1.
  2. Voce numero 2.
    • Voce numero 1.
    • Voce numero 2.
      1. Voce numero 1.
        1. Voce numero 1.
        2. Voce numero 2.
      2. Voce numero 2.
      3. Voce numero 3.
    • Voce numero 3.
  3. Voce numero 3.


Finito! Tongue out

Postato il
4 RISPOSTE
Esse Di
Esse Di
User

Questa è una lezione di HTML, utile per chi ne avesse bisogno.

Ma tu hai provato ad applicare tutte queste belle cose in un oggetto testo di EVO 9?

Leggi di più
Postato il da Esse Di
Mirko Boschetti
Mirko Boschetti
Moderator

Io ho provato ma non funzia proprio niente...

Leggi di più
Postato il da Mirko Boschetti
Mirko Boschetti
Mirko Boschetti
Moderator

Pensavo fosse un'altro codice... non ricordavo fosse quello che avevi già provato... quindi siamo ancora fermi li...

Leggi di più
Postato il da Mirko Boschetti