Corsi On-Line

Corso di apprendimento del linguaggio HTML

 

LISTE

In HTML é possibile inserire liste ordinate e non ordinate:

LISTE NON ORDINATE

Comando HTML   Pagina WWW
      

<UL>
    <LI>Testo 1
    <LI>Testo 2
</UL>
 
  • Testo 1
  • Testo 2

LISTE ORDINATE

Comando HTML   Pagina WWW
      

<OL>
    <LI>Testo 1
    <LI>Testo 2
</OL>
 
  1. Testo 1
  2. Testo 2

In entrambe i casi il testo che segue i tag <UL> o <OL> é indentato rispetto al testo che lo precede.

É possibile anche inserire delle liste all'interno di altre liste come nell'esempio che segue:

Comando HTML   Pagina WWW
      

Orario del corso
<UL>
    <LI>Martedi
        <UL>
            <LI>16.00-18.00
        </UL>
    <LI>Mercoledi
        <UL>
            <LI>16.00-18.00
        </UL>
    <LI>Giovedi
        <UL>
            <LI>16.00-18.00
        </UL>
    <LI>Venerdi
        <UL>
            <LI>16.00-18.00
        </UL>
</UL>
  Orario del corso
  • Martedi
    • 16.00-18.00
  • Mercoledi
    • 16.00-18.00
  • Giovedi
    • 16.00-18.00
  • Venerdi
    • 16.00-18.00

Come si può notare, il linguaggio HTML ha una sua gerarchia per la simbologia con cui indica le liste annidate. È comunque possibile variare tale simbologia nel seguente modo:

  • <LI type=disc>
  • <LI type=square>
  • <LI type=circle>

Un altro modo per realizzare una lista senza alcun elenco, nè puntato nè numerato è il seguente:

Comando HTML   Pagina WWW
      

<DL>
    <DT>Nome del primo termine
    <DD>Definizione del primo termine
    <DT>Nome del secondo termine
    <DD>Definizione del secondo termine
</DL>
 
Nome del primo termine
Definizione del primo termine
Nome del secondo termine
Definizione del secondo termine
 
Argomento precedente Indice del corso Argomento successivo