A lezione di HTML (parte quinta)

Gli Elenchi

Abbiamo parlato di testo nel post precedente, ora, un discorso a parte è necessario per gli elenchi.

Una nota doverosa va fatta nei confronti dei fogli di stile o CSS, dei quali non abbiamo ancora parlato, e per i quali spero di poter fare un discorso a parte nelle prossime puntate.

Per ora ci basti sapere che, visto che ci stiamo occupando di solo e puro HTML, non stiamo attingendo ad una risorsa molto utile quanto necesaria nella costruzione di pagine web.

Torniamo a noi e per prima cosa ci occupiamo di 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

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

primo secondo terzo quarto

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

primo secondo terzo quarto

Attributi:

type="disc" (disco solido)

type="circle" (cerchietto)

type="square" (quadrato)










Passiamo agli 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>

primo secondo terzo quarto quinto 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).





Occupiamoci quindi di
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 Colazione secondo Pranzo terzo Cena quarto Dieta

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

Spero, ancora una volta, di essere stato chiaro.

Alla prossima :-)

successiva

precedente