Veramente Immenso Il forum della classe

HTML - 1° parte

  • Messaggi
  • OFFLINE
    Lupo Cima
    Post: 17.024
    Post: 16.986
    Registrato il: 03/02/2004
    Età: 38
    Sesso: Maschile
    Admin
    00 20/05/2004 21:29
    Parte seconda
    ________________________________________________________________
    Foto con collegamento + scritta
    <p align="justify"><a href="file.html" target=_blank><img src="foto.jpg"></a></p><p align="justify"><font face="verdana" size=2 color="ff0000">Testo sotto l'immagine</p>

    ________________________________________________________________
    Scritta animata

    <p align="center"><MARQUEE HEIGHT="5" ><font face="verdana" size=2 color="ff0000">Testo di prova</MARQUEE></font></P>
  • OFFLINE
    Lupo Cima
    Post: 17.024
    Post: 16.986
    Registrato il: 03/02/2004
    Età: 38
    Sesso: Maschile
    Admin
    00 18/05/2004 22:39
    ________________________________________________________________
    Collegamento HTML a file

    <b><p align="justify"><font face="verdana" size=2 color="#ff0000"><a href="file.html">Testo </a>di prova </font></b> (collegamento HTML a file)</p>

    ________________________________________________________________
    Collegamento HTML ad indirizzo e-mail

    <b><p align="justify"><font face="verdana" size=2 color="#ff0000"><a href="mailto:tizio@tin.it">Testo</a></font></b></p>

    ________________________________________________________________
    Collegamento HTML a file con semplici effetti grafici

    <style>
    A.linkE { font-family:verdana;color:red;font-size:13px;text-decoration:none }
    A.linkE:visited { font-family:verdana;color:red;font-size:13px;text-decoration:none }
    A.linkE:hover { font-family:verdana;color:blue;font-size:13px;text-decoration:none }
    </style>

    <b><p align="justify"><font face="verdana" size=2 color="#ff0000"><a class="linkE" href="file.html">Testo </a>di prova </font></b> (collegamento HTML a file)</p>
    </HTML>


    La prima parte serve per rendere l'effetto grafico: si possono modificare lo stile-scrittura (verdana), il colore (#ff0000), la grandezza (13px) e l'effetto (none).

    I caratteri di scrittura li conoscete tutti, mentre i colori potete sia scriverli in inglese che (per le diverse tonalità), usare i codici numerici (es: sostituite a red "#ff0000").
    Nel text-decoration potete scrivere "none", oppure "underline", oppure "underline overline" oppure "overline".

    La seconda (in blu) corrisponde alla scritta "normale" prima del "mouseover";
    La terza (in rosso) corrisponde alla scritta durante il "mouseover";

    E' importante che il nome del link in alto (A.linkE) corrisponda a quello scritto sotto nel testo (class="linkE").

    ______________________________________________________________