Collegare più pagine in HTML

Come collegare più pagine tra di loro e creare una struttura a menu?
Il procedimento è molto semplice, basterà infatti sfruttare il tag <a></a> (vedi dettagli in merito al tag <a></a>) ed andare a collegare una pagina esterna.

Come strutturare un menu?
Per prima cosa possiamo utilizzare una lista HTML per ottenere un risultato simile ad un menu (vedi dettagli in merito alle liste html <ul><li></li></ul>)

Struttura di esempio
<ul>
<li>Pagina 1</li>
<li>Pagina 2</li>
<li>Pagina 3</li>
</ul>

A questo punto dovremo duplicare la nostra pagina in 3 e rinominarle rispettivamente pagina1.html, pagina2.html, pagina3,html

Ora siamo pronti per collegare queste pagine grazie al tag <a></a> necessario per ogni collegamento in HTML.

In che modo collego più pagine html tra di loro?
Semplicemente aggiungendo il tag <a href="nome_pagina_destinazione"></a> all’interno della nostra lista sopra creata, inserendo in nome della pagina di destinazione (mi raccomando i nomi delle pagine html NON devono contenere spazi) dentro l’attributo href="" in questo modo:

<ul>
<li><a href="pagina1.html">Pagina 1</a></li>
<li><a href="pagina2.html">Pagina 2</a></li>
<li><a href="pagina3.html">Pagina 3</a></li>
</ul>

🤔 Dove trovi i miei corsi? 👇

Made with ♥ by Edoardo Rinaldi - ALL RIGHTS RESERVED