giovedì 26 maggio 2011

HTML: lezione 10 Gli elenchi


Lez. 10 Gli elenchi

Gli elenchi possono essere ordinati (quindi numerati) o no (contrassegnati da punti).

Per creare elenchi ordinati dobbiamo utilizzare il tag <ol>. Ogni elemento della lista sarà contrassegnato dal tag <li>

Quindi avremo:

<ol>
<li> Primo elemento
<li> Secondo elemento
</ol>

Nota bene: i tag li non vengono chiusi.

Di defaul utilizzando il tag <ol> viene utilizzata la notazione numerica, se vogliamo cambiarla dovremmo aggiungere l'attributo type, così : <old type =”I”>
Quindi avremo:
  • type=”1” per i numeri arabi
  • type=”a” per le lettere minuscole
  • type = “A” per le lettere maiuscole
  • type = “i” per i numeri romani in minuscolo
  • type = “I” per i numeri romani in maiuscolo

Aggiungendo <ol start = “6”> , ad esempio imponi che il primo numero della lista sia un cinque. Se il type un numero romano comincerà dal simbolo V

Gli elenchi non ordinati sono contrassegnati dal tag <ul>

Quindi:

<ul>
<li>Primo elemento
<li> Secondo elemento
</ul>

Anche qui si può inserire il type:

  • type= “disc” per un cerchio pieno
  • type= “circle” per un cerchio vuoto
  • type= “square” per un quadrato pieno

Apriamo un editor di testo e scriviamo:

<html>

<head>

<title> Gli elenchi </title>

</head>

<body>

<h1> Questo è il mio elenco</h1>

<ul type="disc">

<li>Primo elemento

<ul type =circle">

<li> <p>elemento interno</p>

</ul>

<li> Secondo elemento

</ul>

<ol type ="I" start = "3">

<li> <font color = "red">Terzo elemento

<li> Quarto elemento</font>

</ul>

</body>

</html>

Il risultato sarà:

Questo è il mio elenco


  • Primo elemento

    • elemento interno

  • Secondo elemento

  1. Terzo elemento

  2. Quarto elemento

Alla prossima.....

Nessun commento:

Posta un commento