HTML Links (Hyperlinks): come creare un link html – Monacodesign.it

Come creare un link HTML

Grazie a questo semplicissimo esempio html puoi trasformare una qualsiasi parola o porzione di testo cliccabile, quindi aggiungere un link html

Potresti essere anche interessato a sapere come rendere cliccabile un numero telefonico da mobile.

HTML e CSS. Progettare e costruire siti web. Con Contenuto digitale per download e accesso on line

(338)

39,90 € 37,90 €

(a partire da Giugno 6, 2023 04:40 GMT +02:00 – Altre informazioniProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

Come inserire un link in una pagina

Nel codice HTML il tagche definisce un link è il Tag .E come vedrai la sintassi per inserire un link è semplicissimo, puoi copiare ed incollare il codice in esempio che riporto qui sotto:

<a href="inserire-qui-la-url-di-destinazione">Elemento da collegare</a>

questo è come dovrebbe apparire il tuo link una volta completo:

<a href="https://www.nomesitoweb.com/">Visita monacodesign.it</a>

Link html nuova pagina

Gli attributi di un link

Di base un link apre il contenuto che si vuole richiamare nella stessa pagina del browser. Se vuoi che il tuo hyperlink apra una nuova pagina html devi aggiungere questo attributo: target

Esistono altri attributi per i link? Certo, ecco tutti gli attributi che controllano l’apertura di un collegamento ipertestuale:

_self – Predefinito. Apre il documento nella stessa finestra/scheda in cui è stato cliccato
_blank< – Apre il documento in una nuova finestra o scheda
_parent – Apre il documento nel frame principale
_top – Apre il documento nell’intero corpo della finestra

Esempio 1 Link Html nuova Pagina

Usa target=”_blank” per aprire il documento collegato in una nuova finestra o scheda del browser:

<a href="https://www.monacodesign.it/" target="_blank" rel="noopener">Visita Monacodesign.it</a>

Esempio 2 Click su email

<a href="mailto:inserisci-qui-la-email-da-collegare">Invia una email</a>

dovrebbe apparire cosi:

<a href="mailto:info@monacodesign.it">Invia una email</a>

Il contenuto di questa guida ha uno scopo didattico, quindi puoi utilizzare le porzioni di codice e gli esempi per scoprire l’effetto che fa se incollato su una qualsiasi pagina html. Se utilizzi WordPress o altri CMS non preoccuparti il codice HTML è universale ed accomuna qualsiasi sito web anche in PHP. Se usi un CMS come WordPress allora potresti essere interessato a sapere come si crea un blog su internet in maniera efficace.

Bene adesso che sai come inserire un link cliccabile attraverso il tag html , potresti essere interessato a sapere come fare uno spazio in html e leggere la guida come realizzare una pagina web tramite codice html.