HTML - Link

  »   HTML di base  »   HTML Tutorial - Text Links, creating and using them

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:

  • interni - all'interno della stessa pagina
  • locali - all'interno dello stesso dominio
  • globali - esterni al dominio della pagina
htmlInterno - href="#anchorname"
Locale - href="../img/foto.jpg"
Globale - href="http://www.tutorialehtml.com/"

HTML -Link di Testo

html<a href="http://www.tutorialehtml.com" target="_blank" title="HTML Tutorials">Tutorial HTML</a>

Demo

HTML - Link obiettivo

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>

Demo

HTML - Ancoraggio

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>

Demo

HTML - E-mail link

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>

Demo

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>

Demo

HTML - Link di Download

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>

HTML - Default link/Base link

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>