Introduzione al collegamento di testo HTML
Un collegamento HTML può essere un collegamento o un collegamento ipertestuale. Questo è usato per reindirizzare a un'altra pagina, immagine, siti Web che può essere qualsiasi cosa. Hanno anche usato per navigare sulla stessa pagina per la sezione particolare. Hanno usato per rendere i dati, documentarli semplicemente facendo clic su di essi. Abbiamo semplicemente avvolto il nostro documento, immagini, URL o dati all'interno del testo. Può anche indicare un file, un oggetto o qualsiasi cosa nella stessa pagina o nella pagina diversa a seconda del requisito. Quando passiamo il mouse sopra il collegamento HTML, il cursore cambia in un'altra icona. Possiamo discutere su come funzionano e su come crearli nella prossima sezione del nostro articolo. In questo argomento, impareremo il collegamento di testo HTML.
Sintassi per HTML Link
Possiamo seguire per creare il nostro primissimo collegamento HTML dalla sintassi seguente. Nella sintassi riportata di seguito utilizzeremo un tag, gli attributi e le proprietà corrispondenti diversi.
Link your corresponding text here
Nella sintassi sopra, stiamo usando il tag anchor per creare un collegamento html o un collegamento ipertestuale. Discuteremo questo tag di ancoraggio in dettaglio.
Il tag anchor è un tag attraverso il quale possiamo allegare o collegare il nostro testo, frase o parola per creare un collegamento esterno o interno. Utilizzando il tag di ancoraggio creiamo un URL nelle nostre pagine che può essere utilizzato per navigare verso qualsiasi altra pagina, sito Web o all'interno della stessa sezione della pagina.
Usando il tag anchor abbiamo molti vantaggi che sono menzionati di seguito.
- Organizza: aiuta a organizzare i nostri dati. Non è necessario creare più pagine Web, inoltre non è necessario suddividere i nostri dati in blocchi per scopi gestionali, possiamo facilmente organizzare i nostri dati in un'unica posizione.
- Nessun scorrimento: utilizzando il collegamento HTML o possiamo dire collegamenti interni HTML non dobbiamo preoccuparci di scorrere pagine molto lunghe, possiamo semplicemente fare clic su quel collegamento per trovare la sezione desiderata nella stessa pagina. Quindi è facile trovare qualsiasi dato o sezione sulla pagina.
Come creare un tag di ancoraggio?
Come puoi vedere nella sintassi sopra abbiamo usato così tante cose laggiù ora vedremo più da vicino come creare e come funziona.
Fondamentalmente si compone di tre diverse parti (attributo):
- attributo href
- attributo target
- attributo name
1. attributo href
L'attributo Href sta per riferimento ipertestuale. Supponiamo di voler creare un collegamento ipertestuale, quindi il primo requisito è l'indirizzo del documento che può essere qualcosa di simile a un altro sito Web, qualsiasi file come PDF, ecc.
So for example : Google
In questo http://www.google.com è il valore che stiamo assegnando al nostro attributo href. Quindi ogni volta che facciamo clic su Google ci reindirizzerà al link della home page di Google. Quindi l'attributo href contiene l'indirizzo del documento. Possiamo anche menzionare il nostro link HTML a href.
Per esempio
My page
2. attributo target
L'attributo target definisce come si aprirà il documento. Ha molti tipi e possiamo usarli in base alle nostre esigenze.
- _parent: apre semplicemente il documento allegato nel frame principale.
- _blank: apre il documento nella nuova scheda o finestra.
- _top: apre il documento allegato a finestra intera.
- _self: apre il documento nella stessa finestra o stessa scheda in cui viene fatto clic. L'impostazione predefinita di questa destinazione è abilitata. Possiamo modificarlo come di seguito:
Your Link text
Qui target = "_ blank" è la sintassi per usarla.
3. attributo name
L'attributo name viene usato per saltare o navigare in qualche punto della pagina, questo può essere utile quando abbiamo una grande pagina VRU con così tanti contenuti. Questo aiuta a risparmiare tempo e ricerca dell'utente senza scorrere. Sintassi di seguito:
or
In questo e basta fare clic per andare alla fine della pagina senza scorrere verso il basso.
Section
Questo browser identificherà la sezione ma dobbiamo usare (#) con l'attributo name.
Link your text
Con questo, possiamo fare riferimento al "titolo" di un'altra pagina internamente. Anche qui (#) deve essere utilizzato alla fine dell'indirizzo della pagina.
Colori link HTML
Possiamo anche fornire colori al nostro link HTML. Per impostazione predefinita, hanno tre stati per il colore del collegamento che verrà visualizzato in tutti i browser.
- Collegamento attivo: quando facciamo clic su un collegamento, questo diventa un collegamento attivo con un colore sottolineato e rosso.
- Collegamenti non visitati: il colore predefinito del browser standard per i collegamenti non visitati è blu e sottolineato.
- Link visitati: sono viola e sottolineati.
Ma possiamo anche fornire i nostri colori personalizzati da collegare usando la sintassi seguente. Possiamo seguire questo diverso tipo per fornire colore al nostro link. Ma qui utilizziamo CSS inline se vuoi puoi anche creare CSS esterni.
- Fornisci direttamente il nome del colore.
- Utilizzando il codice colore esadecimale.
- Usando i valori rgb () e rgba ().
- Usando i valori hsl e hsla ().
Red Link
In questo, possiamo specificare direttamente il nome del colore nell'attributo style. Questo è un CSS incorporato.
Red color code
Qui stiamo specificando il colore usando i codici colore. (Codici colore HEX)
Red color
Possiamo anche usare i valori RGB () per specificare il colore per i nostri collegamenti. Possiamo controllare l'opacità del colore usando rgb ().
Red color
Possiamo sostituire rbg () con rgba () ma dobbiamo specificare il quarto valore per trasparenza e opaco.
Red color
Possiamo anche usare HSL per colorare il nostro link. Fondamentalmente HSL è sinonimo di tonalità, saturazione e luminosità. Possiamo anche usare HSLA per specificare il colore ma dobbiamo fornire un altro parametro in hsla ().
Conclusione - Link al testo HTML
Quindi in Sort, usiamo il tag anchor e i suoi attributi per creare il collegamento ipertestuale o il collegamento in HTML. HREF contiene l'indirizzo del documento, l'obiettivo che è responsabile della gestione del documento. Possiamo anche colorare il nostro collegamento utilizzando CSS inline o esterni.
Articoli consigliati
Questa è una guida a HTML Text Link. Qui discutiamo come creare un tag di ancoraggio con i colori del collegamento HTML e la sintassi per il collegamento HTML. Puoi anche dare un'occhiata ai seguenti articoli per saperne di più -
- Editor di testo HTML
- Link immagine in HTML
- Controlli del modulo HTML
- Versioni di HTML
- Frame HTML
- Blocchi HTML
- Imposta un colore di sfondo in HTML con Esempio