La maggior parte delle pagine Web contengono collegamenti ad altre pagine. Quando si visita una pagina Web e fa clic su un link che porta ad un'altra pagina, ciò si ottiene utilizzando i collegamenti ipertestuali. Gli sviluppatori web costruiscono i link nel codice HTML di una pagina. HTML utilizza il codice di markup, che coinvolge elementi e tag. Gli elementi possono modellare qualsiasi tipo di contenuto che si vede quando si visita le pagine Web, con collegamenti tra gli elementi più comuni.

Collegamenti ipertestuali

I collegamenti ipertestuali costituiscono la base per il World Wide Web. I collegamenti ipertestuali consentono agli utenti di navigare a pagine diverse all'interno di un sito o di muoversi tra i siti senza dover digitare l'indirizzo Web nella barra degli indirizzi del browser. Nella maggior parte dei casi, i collegamenti ipertestuali appaiono all'interno di una pagina come una sequenza di caratteri di testo evidenziate, spesso in blu e con una sottolineatura, per dimostrare che, facendo clic porterà l'utente a una pagina diversa. Alcune pagine utilizzano immagini nel loro collegamenti come alternativa al testo.

Elementi

Le pagine Web sono strutturate in codice HTML. Il testo, immagini e altri elementi di contenuto che si vede in una pagina Web sono compresi nel codice HTML utilizzando elementi. La maggior parte degli elementi sono costituiti da un tag, il contenuto di apertura e un tag di chiusura. Il codice di esempio riportato di seguito illustra:
<P> Un po 'di testo </ p>

Questo è l'elemento paragrafo. Quando l'utente visualizza la pagina con questo codice in esso si vedrà solo il contenuto del testo, che verrà formattato come un paragrafo, con lo spazio intorno ad esso. HTML fornisce molti elementi diversi per modellare gli elementi di contenuto che vedete nelle pagine Web, compresi i collegamenti.

elementi di ancoraggio

Le pagine Web HTML utilizzano l'elemento di ancoraggio per implementare i collegamenti. Il seguente codice mostra:
<a href="Lovely" rel="nofollow" target="_blank"> http://www.somewebsite.com/&quot;>Lovely sito </a>

Questo collegamento visualizza il testo "Lovely Sito" all'interno della pagina. Cliccando il link porta l'utente alla pagina o sito specificato come l'attributo di origine. Questo collegamento utilizza un URL assoluto in quanto l'indirizzo Web completo è specificato come l'attributo di origine. HTML può usare link relativi alle pagine all'interno dello stesso sito, come segue:
<a href="contact.html"> Contattaci </a>

Questo si collega a una pagina che si trova nella stessa directory di file come la pagina attualmente visualizzata.

attributi

L'elemento di ancoraggio può includere attributi che determinano come funziona. L'attributo target consente agli sviluppatori di forzare i collegamenti per aprire in nuove finestre o schede, come segue:
<a href="http://www.somewebsite.com/&quot; target="_blank"> bella sito </a>

L'attributo name permette di pagine includono collegamenti a particolari sezioni di pagina, come segue:
<a name="info"> Altre Informazioni </a>

Il codice seguente collega a questa sezione all'interno della stessa pagina:
<a href="#info"> vedere le informazioni aggiuntive </a>