ALLWEB free linguaggio html. Come creare gli elenchi con il linguaggio html. Esempi e spiegazioni (se necessario).
ALLWEB free
Directory Web Script Linguaggi
Italiano Inglese Tutte
 
 24 Mar 2017
aggiungi in preferiti  
Home    Mappa directory    Script




Elenchi HTML:

Per introdurre e commentare gli elenchi non c'Ŕ bisogno di spiegazioni, basta vedere il codice ed un esempio per capire il loro funzionamento, in pratica Ŕ solo e puro codice html.

Per modificare gli stili Ŕ opportuno utilizzare i css ( Ŕ raccomandato da specifiche W3C ed Ŕ pertanto plausibile che in una futura versione HTML sia obbligatorio). A tal proposito Ŕ importante sapere che ad ogni elenco (nel primo tag) Ŕ possibile inserire i seguenti parametri:
id=" "
come nome per associare attributi css o script.
class=" "
per associare classi di stili css.
title=" "
titolo identificativo dell'elenco.



Elenchi non ordinati:

Per elenchi non ordinati intendiamo gli elenchi che non hanno un numeratore letterale o numerico ma solo un simbolo (cerchio, cerchio vuoto o quadrato).
<ul type="disc">
<li>primo</li>
<li>secondo</li>
<li>terzo</li>
<li>quarto</li>
</ul>

  • primo
  • secondo
  • terzo
  • quarto

<dir type="square">
<li>primo</li>
<li>secondo</li>
<li>terzo</li>
<li>quarto</li>
</dir>

  • primo
  • secondo
  • terzo
  • quarto

  • <menu type="circle">
    <li>primo</li>
    <li>secondo</li>
    <li>terzo</li>
    <li>quarto</li>
    </menu>

  • primo
  • secondo
  • terzo
  • quarto

  • Attributi:
    type="disc"   (disco solido)
    type="circle"   (cerchietto)
    type="square"   (quadrato)

    Attenzione: I men¨ DIR e MENU sono identici al men¨ UL. Le specifice W3C prediligono il menu UL rispetto agli altri due, pertanto non Ŕ da scartare l'idea che in un futuro possano essere soppressi a favore di UL. Consigliamo di non utilizzarli.


    Elenchi ordinati:

    Gli elenchi ordinati sono elenchi che hanno i numeratori con una numerazione o cadenza letteraria che indica una precedenza (12345... oppure abcdef... oppure I II III IV V....)
    <ol type="1" start="8">
    <li>primo</li>
    <li>secondo</li>
    <li>terzo</li>
    <li>quarto</li>
    <li value="74">quinto</li>
    <li>sesto</li>
    </ol>

    1. primo
    2. secondo
    3. terzo
    4. quarto
    5. quinto
    6. sesto
    Attributi:
    type="A" lettere maiuscole.
    type="a" lettere minuscole.
    type="I" numeri romani.
    type="i" numeri romani minuscoli.
    type="1" numeri.
    start=" " Indica da quale lettera o numero deve partire l'elenco.
    value=" " Indica la lettera o il numero della voce dell'elenco dove Ŕ inserito. Il valore successivo riprendera a contare dal valore indicato da questo parametro (vedi esempio).


    Elenchi per definizione:

    Con 'Elenchi per definizione' indichiamo gli elencchi che hanno per numeratore un termine e successivamente viene immessa una descrizione o del testo che lo riguarda.
    <dl>
    <dt>primo <dd>Programmazione in vari linguaggi
    <dt>secondo <dd>download di immagini
    <dt>terzo <dd>grafica
    <dt>quarto <dd>comunica
    </dl>

    primo
    programmazione
    in vari linguaggi.
    secondo
    download di
    immagini
    terzo
    grafica
    quarto
    comunica

    <dl compact>
    <dt>primo <dd>Programmazione in vari linguaggi
    <dt>secondo <dd>download di immagini
    <dt>terzo <dd>grafica
    <dt>quarto <dd>comunica
    </dl compact>

    primo
    programmazione in vari linguaggi.
    secondo
    download di immagini
    terzo
    grafica
    quarto
    comunica



    Annidamento di elenchi:

    Gli elenchi possono essera annidati (a loro volta contenere altri elenchi).
    Esempio:
    <ul type="disc">
    <li>primo</li>
       <ul type="circle">
       <li>primo a</li>
       <li>primo b</li>
       </ul>
    <li>secondo</li>
    <li>terzo</li>
    </ul>
    • primo
      • primo a
      • primo b
    • secondo
    • terzo