Javascript Crea Un Elemento Con Href

| | | | | | | | |

Un collegamento ipertestuale HTML ti consente di navigare in una pagina diversa. Un tag definisce un’ancora. Il "href" attributo specifica la posizione in cui verrà indirizzato un utente quando fa clic sul collegamento. Tra il e chiudendo tag è il testo di ancoraggio che verrà mostrato all’utente.

Quando crei una pagina web, potresti voler fare riferimento a un’altra pagina web o sito web. Ad esempio, potresti creare un blog e desideri creare un collegamento a un articolo che ritieni pertinente.

I collegamenti ipertestuali, o collegamenti, vengono utilizzati per collegare una pagina Web a un’altra e consentire agli utenti di spostarsi rapidamente tra più pagine Web. I collegamenti ipertestuali possono essere utilizzati per collegare altre pagine del tuo sito o pagine su siti Web diversi.

In questa guida, analizzeremo le basi del collegamento ipertestuale in HTML. Parleremo di come impostare obiettivi per i collegamenti, come creare ancoraggi per i segnalibri e collegamenti a indirizzi e-mail ed elementi web.

Link ipertestuale HTML

Un collegamento ipertestuale HTML punta a un’altra risorsa web . Un collegamento ipertestuale è definito tra un tag e una chiusura etichetta. Il testo tra questi due tag porta l’utente alla risorsa web collegata quando si fa clic sul collegamento.

I collegamenti ipertestuali vengono creati utilizzando etichetta. Ecco la sintassi per un collegamento ipertestuale in un file HTML:

Il testo tra i nostri tag si collegherà all’URL che specifichiamo nel nostro tag di apertura. Usiamo l’attributo href per scegliere la destinazione dell’URL. Questo potrebbe essere un URL assoluto o un collegamento assoluto come https://python.engineering o un URL relativo a qualche parte del nostro sito.

Ecco un esempio di collegamento che punta all’indirizzo web della home page di Python.Engineering:

Tipi di tag di collegamento ipertestuale HTML

Esistono tre tipi di collegamenti che possono essere visualizzati in un browser. Questi sono i seguenti:

Alcuni siti web sovrascrivono questi colori, il che significa che appaiono in modo diverso, ma quelli sono i tipi principali di link che puoi definire in HTML.

Hyperlink HTML: Targets

Puoi modificare la modalità di apertura di un collegamento. Ad esempio, supponiamo che tu voglia aprire un link in una nuova scheda nel browser web dell’utente. Ciò assicurerà che l’utente non perda il proprio posto nella pagina web che sta attualmente visualizzando.

è qui che entra in gioco l’attributo link targetHTML. Utilizzando il link target, puoi specificare dove il browser deve aprire la risorsa a cui ti sei collegato.

Ci sono quattro tipi di target che puoi usare, che sono i seguenti:

Ecco un esempio di alcuni di questi collegamenti in azione:

Hyperlink HTML: ancoraggi segnalibri

I collegamenti ipertestuali in HTML possono anche fare riferimento a una parte specifica di un documento HTML. Questo è utile se hai una lunga pagina web e vuoi indirizzare un utente in un punto particolare nel testo.

Prima di iniziare a usare le ancore dei segnalibri, devi prima definire un attributo ID sull’elemento in cui vuoi che l’utente vada. Ecco un esempio di dichiarazione di un attributo ID su un titolo in una pagina web:

Abbiamo assegnato al tag di intestazione HTML l’id subtitle3, che possiamo quindi utilizzare come riferimento in un collegamento ipertestuale.

Ecco un esempio di collegamento ipertestuale che fa riferimento a questa intestazione:

Invece di specificare un URL nel nostro href tag, specifichiamo l’ID dell’elemento a cui vogliamo collegarci. Aggiungiamo un cancelletto prima di quell’id (#) in modo che il browser sappia che il documento collegato si trova sulla nostra pagina web.

Tag di ancoraggio HTML

Un tag di ancoraggio HTML si riferisce al tag. Questo tag collega un utente a un’altra risorsa web. Il "href" attributo definisce la risorsa a cui verrà indirizzato un utente quando fa clic sul collegamento.

Esempi di tag di ancoraggio HTML

Esaminiamo alcuni esempi di utilizzo dell’HTML tag.

URL relativi

Se stai collegando a una risorsa sullo stesso documento HTML che stai sviluppando, puoi utilizzare un URL relativo. Gli URL relativi sono indicati anche come collegamenti locali e non utilizzano "https://www.sitename .com" sintassi. Invece, gli URL relativi puntano al percorso del file di una specifica risorsa web sul server locale.

Supponiamo di creare un collegamento sul sito Web Python.Engineering che dovrebbe puntare al nostro blog. Invece di utilizzare un URL assoluto, potremmo utilizzare un URL locale, perché il nostro sito è il sito Python.Engineering. Ecco il codice che useremmo per creare questo collegamento:

Quando facciamo clic sul testo blog Python.Engineering, veniamo indirizzati al /blog risorsa sul nostro sito.

Indirizzo e-mail

Il tag di ancoraggio può essere utilizzato anche per creare un collegamento a un indirizzo e-mail. Quando si fa clic su un collegamento a un indirizzo e-mail, il programma di posta elettronica predefinito dell’utente verrà aperto. All’utente verrà chiesto se desidera inviare un messaggio all’indirizzo e-mail specificato.

Per collegarsi a un indirizzo e-mail, è necessario avviare il collegamento con il protocollo mailto:. Ecco un esempio di collegamento a un indirizzo email in HTML:

Quando facciamo clic sul nostro collegamento, il nostro programma di posta elettronica si apre e ci chiede di inviare un’e-mail a "[email protected]".

Collegamento a un elemento

Il tag di ancoraggio può collegarsi a un elemento su una pagina web. è possibile creare questo collegamento specificando l’id dell’elemento a cui deve puntare l’ancora. Supponiamo di volere un collegamento che porti il ‚Äã‚Äãnostro utente all’intestazione Test Heading su una pagina web. Potremmo creare questo collegamento utilizzando il seguente codice:

Quando clicchiamo sul nostro link, la nostra pagina web scorrerà fino all’elemento con l’id test_heading .

Conclusione

I collegamenti ipertestuali possono essere utilizzati in HTML per collegare una pagina web o una risorsa a un’altra. Puoi utilizzare i collegamenti ipertestuali per connetterti alle risorse sul tuo sito o su qualsiasi altro sito web. In questa guida abbiamo spiegato come utilizzare i collegamenti ipertestuali in un documento HTML.

Con tutte queste informazioni, sei pronto per creare collegamenti ipertestuali in HTML come un maestro!

Per saperne di più sulla codifica in HTML, leggi il nostro Come imparare la guida HTML.

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method