Collegamenti HTML
Questo tutorial coprirà i seguenti modi per utilizzare i collegamenti HTML:
- IL Tag per specificare un collegamento.
- IL tag all'interno del tag per utilizzare un'immagine come collegamento.
- IL bersaglio attributo di Tag per specificare la finestra in cui si desidera aprire il sito collegato, il documento, ecc.
- IL Href attributo all'interno Tag per specificare il collegamento della destinazione mirata.
- IL al clic Metodo per utilizzare il pulsante come collegamento
Tag HTML
È un collegamento ipertestuale utilizzato per navigare da una pagina web all'altra, prende un attributo Href Per specificare l'indirizzo di destinazione. Per impostazione predefinita, il collegamento verrà aperto nella finestra corrente del browser, tuttavia questo comportamento può essere modificato usando il bersaglio attributo.
Esempio
Creiamo un collegamento ipertestuale per saltare dal documento corrente al Linuxhint.com:
Collegamenti in HTML
Facendo clic sul collegamento ci indirizzerà a Linuxhint.com:
Attributo target HTML
Nell'esempio di cui sopra, abbiamo notato che quando facciamo clic sul collegamento il sito Web collegato aperto nella stessa finestra. La finestra di destinazione può essere modificata per il collegamento specificato utilizzando il bersaglio attributo.
L'attributo target può utilizzare uno dei seguenti valori per definire la finestra di destinazione in cui verrà aperto il collegamento:
_se stesso: Per aprire il collegamento sulla stessa finestra
_vuoto: Apre il link sulla nuova finestra
Se non abbiamo specificato l'attributo target, per impostazione predefinita il collegamento verrà aperto utilizzando il "_se stesso" valore i.e. nella stessa pagina.
Esempio Consideriamo le seguenti righe di codice per capire come "_vuoto" Il valore funziona:
Collegamenti in HTML
Il seguente output verificherà che il collegamento sia aperto in una nuova scheda:
Attributo HTML HREF
Href può essere utilizzato per specificare il file URL assoluti o il Collegamenti relativi. IL URL assoluto si riferisce all'indirizzo completo del sito Web e.G. “Https: // www.Linuxhint.com/"ed è generalmente utilizzato per collegare le risorse su altri siti. Ad esempio, l'esempio sopra riporta un indirizzo che ci indirizza a Linuxhint.com.
Mentre collegamenti relativi Fare riferimento a un collegamento locale e sono generalmente utilizzati per collegare le risorse all'interno dello stesso sito Web.
Esempio Il codice seguente ha un collegamento assoluto per "Linuxhint.com "e un collegamento locale per un'immagine" Linux.png ":
Collegamenti in HTML
Lo snippet sopra genererà il seguente output:
Immagine come collegamento
Per utilizzare l'immagine come collegamento dobbiamo specificare il tag all'interno del etichetta.
Esempio Il codice di seguito dà creerà un'immagine, facendo clic sull'immagine aprirà il collegamento specificato.
Immagine HTML come collegamento
Facendo clic sull'immagine passerà a Linuxhint.com
Otterremo il seguente output:
Pulsante come collegamento
In HTML un tag può essere utilizzato per creare un pulsante e un collegamento può essere specificato all'interno del tag pulsante utilizzando l'evento OnClick.
Esempio Questo esempio creerà un pulsante e facendo clic sul pulsante aprirà un nuovo collegamento:
Immagine HTML come collegamento
Il pulsante facendo clic sul pulsante passerà a Linuxhint.com
Il seguito sarà l'output:
Conclusione
IL Il tag viene utilizzato per specificare un collegamento in HTML con l'aiuto del suo attributo HREF che viene utilizzato per determinare l'indirizzo del collegamento e l'attributo target viene utilizzato per specificare la scheda target i.e. Apertura del collegamento nella scheda corrente o in una nuova scheda. Questo articolo fornisce una panoramica completa dei collegamenti in HTML. Spiega la differenza tra il percorso assoluto e il percorso relativo. Inoltre, ha descritto come utilizzare l'immagine e il pulsante come collegamento.