Esempi HTML di collegamenti ipertestuali

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

      1. Prima voceesempi html
      2. Seconda voce
      3. 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’

  • Primo menu
  • Uno

    Due

    Tre

  • Secondo menu
  • 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.