Esempi HTML guida dei principali comandi
per la formazione di liste, menu’ e collegamenti ipertestuali
Esempi HTML:
In questa pagina faremo qualche esempio per formare delle liste con l’aiuto dei comandi principali. Il primo esempio sarà costruire una lista non numerata con il comando <UL> e <LI>
<UL>
<LI>Prima voce</LI><LI>Seconda voce</LI><LI>Terza voce</LI>
<UL/>
Il prodotto di questo risultato restituisce in elenco puntato
-
- Prima voce
- Seconda voce
- Terza voce
Per ottenere invece una lista numerate invece useremo il comando <OL> e <LI> sempre nello stesso modo
<OL>
<LI>Prima voce</LI><LI>Seconda voce</LI><LI>Terza voce</LI>
</OL>
Qui invece il risultato restituisce
-
-
- Prima voce
- Seconda voce
- Terza voce
-
Una lista del tipo menu’ si ottiene con queste righe
<MENU><li>Primo menu</li></MENU>
<p>Uno</p> <p>Due</p> <p>Tre</p>
<MENU><li>Secondo menu</li></MENU>
<p>Quattro</p> <p>cinque</p> <p>Sei</p>
Il risultato sara’
Uno
Due
Tre
Quattro
cinque
Sei
-
-
- per creare un collegamento ipertestuale, cioè quando passiamo sopra con il mouse ad una scritta o a una foto compare la manina con l’indice alzato e cliccando ci manda ad un altro sito o un’altra sessione.
-
<A HREF=”http://www.google.it“>Clicca qui per passare a Google</A> restituisce
Clicca qui per passare a Google
<A HREF=”immagini/aereo.jpg“>Clicca qui per vedere una foto dal mio sito</A> restituisce
Clicca qui per vedere una foto del mio sito
<A HREF=”testi/diz_ita.rar“> Per far scarica un file zip dal proprio sito</A> in questo caso dal mio (e’ un piccolo dizionario), questa linea restituisce
Per far scarica un file rtf dal proprio sito in questo caso dal mio (e’ un piccolo book) prova scarico file rtf
Ora creiamo
un tag ancora ( punto preciso di dove si vuole arrivare con un click). Supponiamo che per un determinato motivo nella mia pagina è presente una descrizione che per essere capita bene. Bisogna rileggere una parte che e’ a circa meta’ percorso della pagina stessa. Esempio ( Una lista del tipo menu’ si ottiene con queste righe )
<A NAME=”Unalistadeltipomenu’siottieneconquesterighe“> Una </A>
nota bene la variabile NAME e’ scritta senza spazi altrimenti non funziona, naturalmente questa riga va’ scritta nel punto che deve essere richiamato mentre ora andiamo a richiamare l’ancora con questo collegamento che si distingue per la presenza del segno cancelletto “#” che indica che il collegamento e’ interno,
<A HREF=”#Unalistadeltipomenusiottieneconquesterighe”>lista del tipo menu’ si ottiene con queste righe</a>
Per saperne di più rileggere il capitolo della lista del tipo menu’ si ottiene con queste righe che si trova a circa meta’ pagina.