Guide

Come collegare pagine Web HTML insieme

Un collegamento ipertestuale è un testo sottolineato che ti porta a un sito web con un semplice clic. L'inserimento di collegamenti ipertestuali è abbastanza semplice, grazie agli strumenti di web design ora disponibili. Ma può anche aiutare sapere come inserire un collegamento usando HTML.

Link HTML Diverse pagine Web

Un tempo, se volevi progettare un sito web, dovevi saperlo Hyper Text Markup Language. È un linguaggio di programmazione abbastanza semplice da imparare, ma a meno che tu non voglia essere un web designer professionista, non devi essere un esperto di HTML. Ci sono molti strumenti ora disponibili, inclusi alcuni gratuiti, che gestiranno tutte queste cose per te.

Se utilizzi WordPress o uno strumento di progettazione di siti Web, dovrebbe esserci un modo per creare un collegamento facendo clic su un pulsante "Link".

Se stai esportando un file HTML da un documento di Office, Control + K è la scorciatoia da tastiera per la gestione dei collegamenti ipertestuali. Evidenzia semplicemente il testo che desideri puntare all'altro sito, premi Control + K e incolla l'URL di destinazione. Puoi anche rimuovere e modificare il tuo collegamento ipertestuale evidenziando il testo collegato e scegliendo Ctrl + K.

Se sei più una persona basata sul mouse, puoi anche inserire e aggiornare i collegamenti ipertestuali utilizzando la barra dei menu nella parte superiore del documento. Seleziona Inserisci e Collegamento ipertestuale. Otterrai la stessa casella che avresti se usassi le scorciatoie da tastiera, che ti chiedono di inserire l'URL di destinazione.

Collegamento tramite HTML

Potrebbero esserci casi in cui non hai un modo semplice per aggiungere un link. In tal caso, puoi facilmente aggiungere un Collegamento ipertestuale HTML. Non hai bisogno di una classe completa per imparare l'HTML. È abbastanza facile da imparare. Il codice richiede solo A HREF, il collegamento, il testo da seguire con il collegamento e uno stop. Ad esempio: il tuo sito.

Se il sito che stai collegando fa parte del tuo sito web, tuttavia, non dovrai digitare l'URL completo per il tuo collegamento HTML. Se ti stessi collegando alla tua biografia, ad esempio, la scriveresti come: La mia biografia. Se stai utilizzando uno strumento di progettazione come WordPress e fai clic su Inserisci collegamento opzione, di solito ti viene fornita una casella a discesa che include tutte le tue pagine per consentirti di selezionare e scegliere semplicemente Aggiungi collegamento.

Collegamento di un'immagine

UN collegamento di testo non è l'unica opzione per i siti web. Anche le tue immagini possono essere collegate. Puoi farlo facilmente in un programma di progettazione di blog o siti Web inserendo semplicemente la foto, evidenziandola e utilizzando lo strumento di collegamento per aggiungere un collegamento ipertestuale ad esso.

Se stai collegando una foto utilizzando HTML, utilizzerai lo stesso codice che utilizzeresti se stessi visualizzando del testo anziché una foto. In questo caso, però, sostituirai il testo con il codice per fare riferimento alla tua foto. Quindi sarebbe: .

Configurazione della navigazione del sito

Se stai costruendo un sito web, la cosa più importante collegamento di testosu una qualsiasi delle tue pagine sono quelli che collegano alle tue altre pagine. Navigazione nel sito è spesso fatto tramite una casella a discesa che si trova nella parte superiore di ogni pagina. Gli strumenti di web design lo rendono facile, permettendoti di scegliere semplicemente se vuoi che una pagina che stai aggiungendo sia una pagina principale o una pagina secondaria che esca da una delle tue pagine principali.

Se vuoi costruire tu stesso la navigazione del tuo sito, però, avrai bisogno di un linguaggio più avanzato chiamato CSS. Puoi rendere il tuo sito di navigazione verticale o orizzontale e farlo scorrere verso il basso o essere statico. Sebbene Il CSS è più complicato rispetto all'HTML, puoi prendere il codice che ti serve online e incollarlo nel codice sorgente del tuo sito web.

Collegamenti ipertestuali per i segnalibri

I tuoi collegamenti ipertestuali non devono sempre puntare a un sito Web separato o persino a una pagina separata sul tuo sito Web. Possono anche essere usati per reindirizzare i tuoi visitatori a un'altra sezione della stessa pagina. Questo è spesso visto in articoli lunghi o post di blog in cui c'è un sommario in alto e gli utenti fanno clic su ogni elemento per andare direttamente alla sezione corrispondente.

Questi collegamenti ipertestuali funzionano in modo simile ai segnalibri in un documento di Word. Puoi crearli utilizzando qualsiasi strumento di web design che preferisci o codificare e collegamento HTML come hai fatto quando ti sei collegato ad altre pagine. Per creare collegamenti che indirizzano i visitatori ad altre sezioni di una pagina, devi prima first stabilire un segnalibro all'interno della tua copia utilizzando l'attributo "id". Quindi sarebbe”

Primo segnalibro

.

Una volta che hai impostato il tuo segnalibro, andrai in cima alla tua pagina e aggiungerai quel link. Il codice per questo sarebbe: Vai al primo segnalibro. Quando qualcuno fa clic sul testo Vai al primo segnalibro, quel collegamento andrà direttamente alla sezione in cui hai inserito il segnalibro.

Utilizzo dell'attributo di destinazione

Un problema con l'impostazione di un file Collegamento ipertestuale HTML sul tuo sito è che porta via i tuoi visitatori. Le possibilità che facciano clic per tornare al tuo sito una volta che sono stati reindirizzati altrove non sono grandi, il che significa che potresti perdere persone nella "tana del coniglio" che Internet può diventare rapidamente.

Usando qualcosa chiamato l'attributo di destinazione, tuttavia, puoi controllare come si apre una pagina quando qualcuno fa clic su uno dei tuoi link. Questo di solito può essere fatto utilizzando uno strumento del sito Web facendo semplicemente clic su una casella. Se stai codificando il tuo sito web utilizzando HTML, tuttavia, l'attributo va direttamente dopo il tuo URL, quindi sarebbe: Il tuo sito. L'attributo _blank apre il documento in una nuova finestra.

Creazione di collegamenti di ancoraggio

E se volessi indirizzare i visitatori del tuo sito a un punto specifico a metà della stessa pagina? Questo tipo di Collegamento ipertestuale HTML è fattibile, ma un po 'più complicato del semplice collegamento. Dovrai prima impostare il tuo target, il che significa andare nell'area della pagina che ti interessa collegare. Crea un nome per esso e inserisci il codice Oggetto che stai collegando. Sostituisci "nome" in quell'esempio con il nome che hai scelto.

Ora che hai impostato il tuo segnalibro nella pagina, lo farai crea il tuo collegamento ipertestuale. Per fare ciò, vai nella sezione in cui desideri impostare la tua destinazione e usa il simbolo della sterlina prima del nome che hai scelto nella parte inferiore della pagina. Quindi dovresti digitare Clicca per vedere l'oggetto che sto collegando .

Collegamento a documenti e PDF

Puoi creare un file Link HTML oltre i siti web. Puoi caricare facilmente PDF e .docs sul tuo sito web e collegarli ad essi altrove sul tuo sito. Questo è l'ideale per applicazioni, volantini e altri documenti che non desideri modificare specificamente per il tuo sito web. È importante quando si esegue questa operazione, tuttavia, notare che il collegamento va a un documento piuttosto che a un sito Web. Questo viene spesso fatto mettendo "pdf" o "doc" tra parentesi dopo il collegamento.

Per collegamento a un documento Word o PDF, caricherai prima il documento utilizzando lo stesso strumento che utilizzi per sviluppare il tuo sito web. Potrai quindi collegarti ad esso come faresti con qualsiasi altro collegamento testuale sul tuo sito. Dovresti inserire il codice come tale: My File [DOC]. Non dimenticare di caricare una nuova versione ogni volta che aggiorni il file da parte tua poiché tali modifiche non verranno replicate automaticamente.

$config[zx-auto] not found$config[zx-overlay] not found