Learn Web

3.3 Collegamenti interni

HTML

Definizione

I collegamenti interni sono chiamati quelli che si presentano altrove sulla stessa pagina. Per fare questo la pagina dovrebbe essere abbastanza lunga in modo che non si adatta integralmente sullo schermo, e devi accedere a una parte importante utilizzando la barra di scorrimento, in genere verticale.

In questo caso Posiziona i collegamenti, di solito all’inizio della pagina, che premendo noi ci portano alle diverse parti della pagina.

Sebbene questi collegamenti siano solitamente posizionati all’inizio della pagina, possiamo effettivamente posizionarli ovunque, e puntano in qualsiasi altro posto sulla pagina. Il punto sulla pagina a cui il punto apparirà il più vicino possibile dall’angolo in alto a sinistra del

I collegamenti interni consistono in due parti: da quando è entrambe sulla stessa pagina, devi indicare no Solo l’origine, ma anche la destinazione.

Origine e destinazione

Il punto di origine è dove premeremo per attivare il link. Lì dobbiamo posizionare l’etichetta sorgente che sarà la seguente:

to href = “# destinazione” > Text_del_enlace / a >

L’etichetta che utilizziamo è la stessa di un normale collegamento, ma in Il valore dell’attributo href Scriveremo un nome per la destinazione, sempre preceduto dal segno # (Pad).

Questo nome che abbiamo dato al Destinazione, sarà il riferimento per arrivare ad esso, quindi è necessario essere sull’etichetta che compone la destinazione.

Il punto di destinazione è dove vogliamo inviarci il collegamento: lì dobbiamo posizionare l’etichetta di destinazione , che sarà il seguente:

a name = “destinazione” > text_del_destine / A >

Qui il tag <a> non trasporta l’attributo href poiché non è di origine, senza Embargo trasporta l’attributo name che è quello che indica dove la destinazione è. Il valore dell’attributo name dovrebbe essere lo stesso del valore dell’attributo href sull’etichetta sorgente, ma senza il pad (# # ). Vediamo un esempio del codice:

Origine: <a href="#apartado3">Ir al apartado 3</a>

Destinazione: <a name="apartado3">Apartado 3</a>

Il testo dell’etichetta di destinazione può essere qualsiasi, e a differenza dell’etichetta sorgente, non trasporta alcun tipo di marca o di modifica. (Il testo non è distinto dal resto, non appare in diversi colori o sottolineato). I collegamenti normalmente di destinazione vengono solitamente messi in sezioni o sottotitoli di sezioni o sulla prima riga di questi.

Per visualizzare una pagina di esempio con collegamenti interni fare clic su quanto segue:

Pagina di esempio

Accesso a collegamenti interni da un’altra pagina.

Possiamo anche accedere alla destinazione di un collegamento interno da un’altra pagina, per questo dopo aver scritto il percorso o l’URL del Pagina sul collegamento, scriveremo il segno # (PAD) e il valore dell’attributo name che hai sulla pagina di destinazione.

È valido Per entrambi i collegamenti locali e per collegamenti esterni. Vediamo qui alcuni esempi:

to href = “html3_2.php # routine_absolutas” > percorsi assoluti / a >

Da questa pagina dove siamo in grado di accedere alla pagina precedente e andare direttamente alla sezione Indicato, dal momento che ci è stato inserito un collegamento di destinazione con l’attributo “Nome” per identificarlo. Il collegamento sarà così:

Percorsi assoluti

Come abbiamo già detto sul Pagina precedente Abbiamo inserito il link di destinazione come segue:

h4 > A Nome = “routine_absolutas” > rotte assolute / a > / H4 >

Ora vediamo un esempio in cui scriviamo a un collegamento interno di una pagina esterna alla nostra. Il link rimarrà così:

a href = “http://es.wikipedia.org/wiki/Colores_web#Tabla_de_colores”> tavolo a colori in wikipedia / A >

Dopo aver scritto il link per portarci a quella pagina, scriviamo il simbolo del cuscino (#), e il nome della sezione, poiché l’etichetta di destinazione è. Il collegamento sarà così:

tavola a colori in wikipedia

Nella pagina successiva vedremo i collegamenti Con i file di Crereosy scarica i file e anche come aprire un collegamento in una scheda separata

altri collegamenti.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *