Fare internet

E' come il lego, più pezzi ho più sono allegro
Seguci su Facebook Seguici su Twitter Iscrivita ai nostri Feed      Mandaci una mail

HTML: le liste puntate e numerate.

Scritto da Fare-internet il 28 ottobre 2010 condividi condividi

L’HTML ci mette a disposizione dei tag per la realizzaizone di liste puntate e numerae.
Le liste puntate sono quelle liste in cui ogni elemento della lista è preceduto da un simbolo (solitamente un punto), le liste numerate sono quelle in cui gli elementi sono precedute da un numero progressivo. Probabilmetne questa definizione è abbstanza nota, come è noto quali sono i tag per le liste in html:

<!–lista puntata–>
<ul> <!–Unordered List da cui ul–>
        <li>elemento lista</li> <!–List Item da cui li–>
        <li>elemento lista</li>
        …
        <li>elemento lista</li>
</ul>
<!–lista numerata–>
<ol> <!–Ordered List da cui ol–>
        <li>elemento lista</li>
        <li>elemento lista</li>
        …
        <li>elemento lista</li>
</ol>

E fino a qui siamo ancora nel noto, però ci sono altre cosette che potrebbe essere utilie sapere:

Innazi tutto con l’attributo type=”circle | disc | square” del tag ul possiamo cambare il tipo di simbolo che precede l’elemento della lista.
Tale attributo può esere applicato anche al singolo elemento della lista, in caso di doppia definizione il type dell’elemento della lista sovrascrive quello dell’ul:

<ul type="square">
    <li type="circle">elemento lista</li>
    <li>elemento lista</li>
    <li type="disc">elemento lista</li>
    <li>elemento lista</li>
</ul>

Il risultato è:

  • elemento lista
  • elemento lista
  • elemento lista
  • elemento lista

L’attributo type è deprecato (funziona ma ne è sconsogliato l’utilizzo) in quanto queste modifiche anrebbero fatte mediante i fogli di stile.

Per quanto riguarda invece le liste numerate, abbiamo l’attributo start che ci dice da che numero parte il conteggio:

<ol start="3">
        <li>elemento lista</li>
        <li>elemento lista</li>
</ol>

Risultato:

  1. elemento lista
  2. elemento lista

Anche per le liste ordinate o numerate, abbiamo a disposizione l’attributo type = “1 | a | A | i | I”, in pratica possiamo “contare” gli elementi della lista con numeri (type = “1”), lettere minuscole e maiuscole type = “a | A”, numeri romani minuscoli e maiuscoli type = “i | I” :

<ol type="A" >
    <li type="a">Elemento</li>
    <li>Elemento</li>
    <li type="i">Elemento</li>
    <li type="I">Elemento</li>
    <li type="1">Elemento</li>
    <li>Elemento</li>
</ol>

Produce:

  1. Elemento
  2. Elemento
  3. Elemento
  4. Elemento
  5. Elemento
  6. Elemento

Anche per quanto riguarda le liste ordinate, gli attributi type e start sono deprecati

Tag: , ,  

Twitter