Lezione 4 - Corso Intermedio Html

La Personalizzazione delle Liste in Html


Personalizzazione delle Liste

Le liste, come abbiamo potuto vedere, appaiono con un simbolino d'avanti. Questo simbolino può essere personalizzato. L'attributo che definisce come deve essere visualizzato un elemento di una lista è: type.

Vediamo la sintassi dell'attributo type con le

Liste non Ordinate:

<ul type="disc">      pallino classico

<ul type="circle">     cerchetto

<ul type="square">     quadratino

Vediamo la sintassi dell'attributo type con le

Liste Ordinate:

<ol type="1">    ordinameto progressivo numerico

<ol type="a">    ordinamento progressivo con lettere minuscole

<ol type="A">   ordinamento progressivo con lettere maiuscole

<ol type="i"> ordinamento progressivo con numeri romani piccoli o minuscoli

<ol type="I"> ordinamento progressivo con numeri romani grandi o maiuscoli
<html>                      
 <head>			    
  <title>Personalizzazione delle Liste</title>     
 </head>
 <body>			    
    <h1>Personalizzazione delle Liste</h1>  
    <h3>Negozio di Abbigliamento</h3>
    <ol type="a">
	<li>Camicie</li>
	<ul type="square">
	   <li>Camicie mezza manica</li>
	   <li>Camicie manica lunga</li>
	</ul>
	<li>Pantaloni</li>
	<ol type="i">
	  <li>Pantaloni lunghi</li>
	  <li>Pantaloni corti</li>
	  <li>Pantaloni eleganti</li>
	  <li>Pantaloni tipo jeans</li>
	</ol>
    </ol>
 </body>                
</html>