Logo Unsito
Ricevi ogni mattina, la recensione di Unsito...il meglio del Web per te!


logo unsito
Logo & Graphics by Giulia

Webmastering by Emiliano ©Unsito.it

Mappa Categorie
Lezione n.7

Il corso di HTML: Estetica e Link


Oggi continuiamo a rifinire il nostro minisito web.
Aggiusteremo sfondo e colori... ma non solo, per la prima volta inseriremo dei link.
Utilizzando il tag <A> (Anchor) e' possibile definire dei collegamenti ad altre pagine del vostro sito (link interni) oppure ad altre pagine web (link esterni). L'utilizzo di questo tag e' semplice, basta indicare il tag 'A' seguito dalla parola href che specifica l'indirizzo a cui saltare. Es. <A HREF='mioindirizzo'>. Dopodiche' mettete il testo che deve comparire a video (quello che sara' visibile come link) e quindi chiudete il tag con </A>.

<HTML> <!-- Inizio programma -->
<HEAD> <!-- Inizio testata -->
<TITLE>Siti preferiti</TITLE> <!-- Titolo della pagina -->
</HEAD>
<!-- Inizio del corpo del programma, sfondo blu...verde era orrendo -->
<BODY BGCOLOR = '#0000BB'> 
<!-- Vogliamo scrivere in Bianco...cosi' spicca meglio -->
<FONT COLOR = '#FFFFFF'> 
<!-- H3 sta per Heading 3, Titolo di 3 liv., e' un font grande, ci sono 6 livelli -->
<H3> 
<B>I miei siti preferiti <!-- Testo in grassetto -->
</B>
</H3>

<BR> <!-- Vai a capo -->
<!-- Crea una tabella con bordo, larga il 100% dello schermo -->
<TABLE BORDER WIDTH="100%"> 
<TR> <!-- Nuova riga -->
<!-- Prima cella - prima riga -->
<TD><B><FONT COLOR="#FFFFFF">Nome sito</FONT></B></TD> 

<TD><B><FONT COLOR="#FFFFFF">Descrizione</FONT></B></TD>

<TD><B><FONT COLOR="#FFFFFF">Link</FONT></B></TD>
</TR> <!-- Fine prima riga -->

<TR>

<TD><FONT COLOR="#FFFFFF">Wallpapers</FONT></TD>

<TD><FONT COLOR="#FFFFFF">Sfondi per il computer</FONT></TD>

<TD>
<!-- Ecco il tag Anchor --> 
<a href='http://www.wallpapers.com'>
<FONT COLOR="#FFFF00">Wallpapers.com
</a></FONT></TD>
</TR>

<TR>
<TD></TD> <!-- Questa e' una cella vuota... riempila -->
<TD></TD>
<TD></TD>
</TR>

<TR>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
</TABLE> <!-- Fine tabella -->

</BODY>
</HTML>

Ed ora veniamo al feedback. Se stai seguendo questo corso, rispondi a questa mail, facci sapere come migliorarlo, sicuramente possiamo aiutarti meglio se ci dici come.
Se hai dubbi, o vorresti maggiori informazioni, non esitare a risponderci. Se invece va tutto bene cosi', be' diccelo lo stesso, sapremo di essere sulla strada giusta.