L'attributo "href" serve a interconnetere due pagine web. Esso contiene il link a cui verrà mandato l'utente che clicca sul link corrispondente.
I link possono essere:
htmlInterno - href="#anchorname"
Locale - href="../img/foto.jpg"
Globale - href="http://www.tutorialehtml.com/"<a href="http://www.tutorialehtml.com" target="_blank" title="HTML Tutorials">Tutorial HTML</a>L'attributo "target" comunica al browser se deve aprire il link sulla stessa pagina o aprirne una nuova.
| target=" | _blank" | Apri una nuova finestra |
| _self" | Apri una pagina nella stessa finestra | |
| _parent" | Apri una nuova pagina in una cornice superiore del link | |
| _top" | Apri una nuova pagina chiudendo tutte le altre |
Nel prossimo esempio viene mostrato come è possibile aprire una nuova pagina in una nuova finestra del broswer. In questo modo è possibile visualizzare la pagina rimanendo comunque sulla pagina del tutorial.
html<a href="http://www.google.com/" target="_blank" >Google </a>Serve ad interconnettere due sezioni della stessa pagina. Per fare ciò è necessario dare un nome alle due sezioni. Per comprenderne meglio il funzionamento dai un'occhiata all'esempio sottostante:
html<h1>HTML - Hypertext <a name="top"></a></h1>
<h2>HTML - Link <a name="text"></a></h2>
<h2>HTML - E-mail <a name="email"></a> </h2>Successivamente, abbiamo bisogno di creare un link
html<a href="#top">Vai in cima </a>
<a href="#text">Vai ai link </a>
<a href="#email">Vai agli indirizzi e-mail </a>Creare un link a un indirizzo e-mail è molto semplice. Se qualcuno ha bisogno di manderti una mail la cosa più semplice è quella di fornirgli un link con la tua e-mail e un soggetto prestabilito ("subject").
html<a href="mailto:someone@example.com?subject=Questions " >Domande</a>Nel caso il il soggetto non sia abbastanza è possibile aggiunere del contenuto al link attraverso il seguente codice:
html<a href="mailto:someone@example.com?subject=Questions&body=Write here if you have questions " >Questions here </a>Un link per il download viene visualizzato come un normale link di testo. Il problema nasce quando vogliamo aggiungere una foto. La soluzione migliore è quella di aggiungere una miniatura con il link. Parleremo di ciò nelle seguenti lezioni.
html<a href="http://www.tutorialehtml.com/htmlT/text.zip">Documento di Testo</a>Utilizza l'etichetta <base> all'interno dell'elemento <head> per impostare un "base link". Questo link serve a rimandare l'utente a una determinata pagina nel caso in cui il link normale non funzioni o la destinazione non sia più disponibile. Normalmente Questo link rimanda a una pagina d'errore o alla pagina iniziale.
html<head>
<base href="http://www.tutorialehtml.com/">
</head>